Verkkosivuelementtien tarkistaminen Chromessa: 7 vaihetta

Sisällysluettelo:

Verkkosivuelementtien tarkistaminen Chromessa: 7 vaihetta
Verkkosivuelementtien tarkistaminen Chromessa: 7 vaihetta

Video: Verkkosivuelementtien tarkistaminen Chromessa: 7 vaihetta

Video: Verkkosivuelementtien tarkistaminen Chromessa: 7 vaihetta
Video: Incognito-tila 2024, Marraskuu
Anonim

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

Vaihe

Tarkista elementti Chromessa Vaihe 1
Tarkista elementti Chromessa Vaihe 1

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.

Tarkista Elementti Chromessa Vaihe 2
Tarkista Elementti Chromessa Vaihe 2

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.

Tarkista elementti Chromessa Vaihe 3
Tarkista elementti Chromessa Vaihe 3

Vaihe 3. Vie hiiri avattavan valikon Lisää työkaluja -kohdan päälle

Tämän jälkeen alivalikko tulee näkyviin.

Tarkista Elementti Chromessa Vaihe 4
Tarkista Elementti Chromessa Vaihe 4

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

Tarkista Elementti Chromessa Vaihe 5
Tarkista Elementti Chromessa Vaihe 5

Vaihe 5. Vie hiiri tarkastussarakkeen elementin päälle

Kun kohdistin viedään tarkastusikkunan elementin tai rivin päälle, vastaava elementti merkitään verkkosivulle.

Tarkista Elementti Chromessa Vaihe 6
Tarkista Elementti Chromessa Vaihe 6

Vaihe 6. Napsauta hiiren kakkospainikkeella tarkasteltavaa elementtiä verkkosivulla

Napsauta hiiren kakkospainikkeella olevaa valikkoa avattavassa ruudussa.

Tarkista Elementti Chromessa Vaihe 7
Tarkista Elementti Chromessa Vaihe 7

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.

Tarkastuskenttää ei tarvitse avata manuaalisesti. Valitse " Tarkastaa ”Avataksesi tarkastussarakkeen automaattisesti hiiren kakkospainikkeella.

Suositeltava: