Kako provjeriti elemente web stranice u Chromeu: 7 koraka

Sadržaj:

Kako provjeriti elemente web stranice u Chromeu: 7 koraka
Kako provjeriti elemente web stranice u Chromeu: 7 koraka

Video: Kako provjeriti elemente web stranice u Chromeu: 7 koraka

Video: Kako provjeriti elemente web stranice u Chromeu: 7 koraka
Video: CS50 2015 - Week 9 2024, Maj
Anonim

Ovaj wikiHow vas uči kako pomoću računara ispitati HTML izvorni kod vizuelnih elemenata web stranice u Google Chromeu.

Korak

Pregledajte element na Chromeu Korak 1
Pregledajte element na Chromeu Korak 1

Korak 1. Otvorite Google Chrome na računaru

Ikona Chrome izgleda kao šarena lopta sa plavom tačkom u sredini. Ovu ikonu možete pronaći u fascikli „Aplikacije“na Mac računaru ili meniju „Start“na Windows računaru.

Pregledajte element na Chromeu Korak 2
Pregledajte element na Chromeu Korak 2

Korak 2. Kliknite ikonu tri okomite tačke

Nalazi se pored trake za adresu, u gornjem desnom uglu prozora pregledača. Nakon toga će se prikazati padajući izbornik.

Pregledajte element na Chromeu Korak 3
Pregledajte element na Chromeu Korak 3

Korak 3. Zadržite pokazivač iznad Više alata u padajućem izborniku

Nakon toga će se prikazati podmeni.

Pregledajte element na Chromeu Korak 4
Pregledajte element na Chromeu Korak 4

Korak 4. Kliknite na Developer Tools u podmeniju „More Tools“

Kolona za pregled će se prikazati na desnoj strani prozora pregledača.

Alternativno, prozor za pregled možete otvoriti pomoću prečice na tastaturi. Pritisnite Option+⌘ Cmd+I na Mac računarima i Ctrl+Alt+I na Windows računarima

Pregledajte element na Chromeu Korak 5
Pregledajte element na Chromeu Korak 5

Korak 5. Zadržite pokazivač iznad elementa u koloni za pregled

Kada se pokazivač zadrži iznad elementa ili linije u prozoru za pregled, odgovarajući element bit će označen na web stranici.

Pregledajte element na Chromeu Korak 6
Pregledajte element na Chromeu Korak 6

Korak 6. Desnom tipkom miša kliknite element koji želite pregledati na web stranici

Meni s desnim klikom pojavit će se u padajućem okviru.

Pregledajte element na Chromeu Korak 7
Pregledajte element na Chromeu Korak 7

Korak 7. Odaberite Inspect na padajućem izborniku

Nakon toga će se inspekcijska kolona pomaknuti gore ili dolje na taj element. Izvorni kod elementa bit će označen zastavicom.

Ne morate ručno otvarati inspekcijsko polje. Odaberite " Inspect ”Na izborniku desnom tipkom miša za automatsko otvaranje stupca pregleda.

Preporučuje se: