Sisältö

• Askeleet

Lue tämä artikkeli oppiaksesi tarkistamaan visuaalisen elementin HTML-lähdekoodin millä tahansa Google Chromen verkkosivulla.

Askeleet

1. 

   Avaa Google Chrome tietokoneellasi. Selainkuvake (värillinen pallo) löytyy Mac-sovellukset-kansiosta tai Windowsin Käynnistä-valikosta.

2. 

   
   
   Napsauta kolmea pystysuuntaista pistekuvaketta. Tämä painike sijaitsee osoitepalkin vieressä, selainikkunan oikeassa yläkulmassa. Avattava valikko avautuu.

3. 

   Siirrä hiiri Lisää työkaluja. Alivalikko tulee näkyviin.

4. 

   
   
   napsauta sisään Kehittäjän työkalut. Tarkastaja-paneeli aukeaa selaimen oikealla puolella.
   • Voit avata tarkastajan myös pikakuvakkeen avulla Vaihtoehto+M Cmd+minä Macissa ja ctrl+alt+minä Windowsissa.

5. 

   
   
   Siirrä hiiri inspektoripaneelin elementin päälle niin, että se korostuu verkkosivulla.

6. 

   Napsauta hiiren kakkospainikkeella elementtiä, jonka haluat tarkistaa millä tahansa verkkosivulla. Avattava valikko tulee näkyviin.

7. 

   valita Tarkastaa. Tarkastaja-paneeli löytää valitun elementin ja korostaa sen lähdekoodin.
   • Tarkastajapaneeli voidaan avata suoraan tällä menettelyllä.