Tämä wikiHow opettaa sinulle, miten voit tutkia verkkosivun visuaalisten elementtien HTML -lähdekoodia Google Chromessa tietokoneella.
Vaihe

Vaihe 1. Avaa Google Chrome tietokoneessa
Chrome -kuvake näyttää värikkäältä pallolta, jonka keskellä on sininen piste. Löydät tämän kuvakkeen Mac -tietokoneen Sovellukset -kansiosta tai Windows -tietokoneen Käynnistä -valikosta.

Vaihe 2. Napsauta kolmen pystysuoran pisteen kuvaketta
Se on osoiterivin vieressä, selainikkunan oikeassa yläkulmassa. Tämän jälkeen avattava valikko tulee näkyviin.

Vaihe 3. Vie hiiri avattavan valikon Lisää työkaluja -kohdan päälle
Tämän jälkeen alivalikko tulee näkyviin.

Vaihe 4. Valitse Lisää työkaluja -alivalikosta Kehitystyökalut
Tarkastussarake näkyy selainikkunan oikealla puolella.
Vaihtoehtoisesti voit avata tarkastusikkunan pikanäppäimellä. Paina Option+⌘ Cmd+I Mac -tietokoneissa ja Ctrl+Alt+I Windows -tietokoneissa

Vaihe 5. Vie hiiri tarkastussarakkeen elementin päälle
Kun kohdistin viedään tarkastusikkunan elementin tai rivin päälle, vastaava elementti merkitään verkkosivulle.

Vaihe 6. Napsauta hiiren kakkospainikkeella tarkasteltavaa elementtiä verkkosivulla
Napsauta hiiren kakkospainikkeella olevaa valikkoa avattavassa ruudussa.

Vaihe 7. Valitse avattavasta valikosta Tarkista
Tämän jälkeen tarkastuspylväs siirtyy ylös tai alas kyseiseen elementtiin. Elementin lähdekoodi merkitään.