Useimpien Internet-selaimien mukana toimitetut verkkokehittäjätyökalut ovat hyödyllisiä useista syistä. Niitä voidaan esimerkiksi käyttää koodin virheenkorjaukseen ja HTML-, CSS- ja JavaScript-muutosten testaamiseen reaaliajassa. Jos haluat oppia avaamaan kehittäjätyökalut, valitse selain alla olevasta luettelosta ja seuraa ohjeita.
Google Chrome
- Avaa Google Chrome -selain.
- Napsauta Mukauta ja hallitse Google Chromea
-kuvaketta selainikkunan oikeassa yläkulmassa. - Siirrä näkyviin tulevasta avattavasta valikosta hiiren osoitin Lisää työkaluja -kohdan päälle ja valitse laajennetusta valikosta Kehittäjätyökalut.
- Sinun pitäisi nyt nähdä uusi osio näytön alareunassa, joka sisältää kehittäjätyökalut.
Paina Chromessa F12-näppäintä tai Ctrl+Shift+I (tai Komento+optio+I Macissa) tuo myös esiin interaktiiviset kehittäjätyökalut.
Mozilla Firefox
- Avaa Mozilla Firefox -selain.
- Napsauta valikkoa
-kuvaketta näytön oikeassa yläkulmassa. - Napsauta avattavasta valikosta Lisää työkaluja ja valitse laajennetusta valikosta Web Developer Tools.
- Sinun pitäisi nyt nähdä uusi osio näytön alareunassa, joka sisältää kehittäjätyökalut.
Firefoxissa painamalla F12-näppäintä tai Ctrl+Shift+I (tai Komento+optio+I Macissa) tuo myös esiin interaktiiviset kehittäjätyökalut.
Microsoft Edge
- Avaa Microsoft Edge -selain.
- Napsauta Asetukset ja muuta
-kuvaketta näytön oikeassa yläkulmassa. - Siirrä hiiren osoitin avattavassa valikossa Lisää työkaluja -kohtaan ja valitse laajennetusta valikosta Kehittäjätyökalut.
- Sinun pitäisi nyt nähdä uusi osio näytön oikealla puolella, joka sisältää kehittäjätyökalut.
Microsoft Edgessä F12-näppäimen tai Ctrl+Shift+I-näppäimen painaminen tuo myös esiin interaktiiviset kehittäjätyökalut.
Microsoft Internet Explorer
- Avaa Internet Explorer -selain.
- Napsauta Työkalut
oikeassa yläkulmassa. - Valitse avattavasta valikosta F12 Developer Tools.
- Uuden ikkunan pitäisi avautua, joka sisältää kehittäjätyökalut.
Internet Explorerissa F12-näppäimen painaminen tuo myös esiin DOM- ja kehittäjätyökalut -valikkoikkunan.
Safari
Safarissa kehittäjätyökalut eivät ole oletusarvoisesti käytössä. Seuraavissa osissa näytetään, kuinka tämä ominaisuus otetaan käyttöön ja miten sitä käytetään.
Kehittäjävaihtoehtojen käyttäminen Safarissa
- Avaa Safari-selain.
- Valitse
näytön vasemmassa yläkulmassa olevasta valikkopalkista. - Valitse näkyviin tulevasta avattavasta valikosta Asetukset.
- Napsauta Lisäasetukset-välilehteä ja valitse Näytä kehitysvalikko valikkorivillä -kohdan vieressä oleva valintaruutu.
- Sinun pitäisi nyt nähdä Kehitys-valitsin Apple-valikkopalkissa näytön yläosassa.
- Napsauta Kehitys-valitsinta ja valitse avattavasta valikosta Näytä Web Inspector.
- Uuden ikkunan pitäisi avautua, joka sisältää kehittäjätyökalut.
Kun kehittäjäasetukset on otettu käyttöön, paina Komento+optio+I avaa myös kehittäjätyökalut.
Ooppera
- Avaa Opera-selain.
- Napsauta Operaa
-kuvaketta selainikkunan vasemmassa yläkulmassa. - Siirrä hiiren osoitin avattavassa valikossa Kehittäjän päälle ja valitse laajennetusta valikosta Kehittäjätyökalut.
Jos et näe Kehittäjä-alivalikkoa, napsauta valikkopainiketta ja valitse Lisää työkaluja → Näytä kehittäjävalikko. Napsauta sitten valikkopainiketta uudelleen nähdäksesi Developer-merkinnän.
- Sinun pitäisi nyt nähdä uusi osio näytön oikealla puolella, joka sisältää kehittäjätyökalut.
Paina Operassa F12-näppäintä tai Ctrl+Shift+I (tai Komento+optio+I Macissa) tuo myös esiin interaktiiviset kehittäjätyökalut.
