Cum să verificați elementele paginii web în Chrome: 7 pași

Cuprins:

Cum să verificați elementele paginii web în Chrome: 7 pași
Cum să verificați elementele paginii web în Chrome: 7 pași

Video: Cum să verificați elementele paginii web în Chrome: 7 pași

Video: Cum să verificați elementele paginii web în Chrome: 7 pași
Video: WARNING: Don't trust Incognito or Private Browsing! 2024, Noiembrie
Anonim

Acest wikiHow vă învață cum să examinați codul sursă HTML al elementelor vizuale ale unei pagini web în Google Chrome folosind un computer.

Etapa

Inspectați elementul pe Chrome Pasul 1
Inspectați elementul pe Chrome Pasul 1

Pasul 1. Deschideți Google Chrome pe computer

Pictograma Chrome arată ca o minge colorată cu un punct albastru în centru. Puteți găsi această pictogramă în folderul „Aplicații” de pe un computer Mac sau în meniul „Start” de pe un computer Windows.

Inspectați elementul pe Chrome Pasul 2
Inspectați elementul pe Chrome Pasul 2

Pasul 2. Faceți clic pe pictograma cu trei puncte verticale

Se află lângă bara de adrese, în colțul din dreapta sus al ferestrei browserului. După aceea, va fi afișat un meniu derulant.

Inspectați elementul pe Chrome Pasul 3
Inspectați elementul pe Chrome Pasul 3

Pasul 3. Plasați cursorul pe Mai multe instrumente din meniul derulant

După aceea, va fi afișat submeniul.

Inspectați elementul pe Chrome Pasul 4
Inspectați elementul pe Chrome Pasul 4

Pasul 4. Faceți clic pe Instrumentele pentru dezvoltatori din submeniul „Mai multe instrumente”

O coloană de inspecție va fi afișată în partea dreaptă a ferestrei browserului.

Alternativ, puteți deschide fereastra de inspecție cu o comandă rapidă de la tastatură. Apăsați Opțiune + ⌘ Cmd + I pe computerele Mac și Ctrl + Alt + I pe computerele Windows

Inspectați elementul pe Chrome Pasul 5
Inspectați elementul pe Chrome Pasul 5

Pasul 5. Plasați cursorul peste un element din coloana de inspecție

Când cursorul este plasat pe un element sau linie din fereastra de inspecție, elementul corespunzător va fi marcat pe pagina web.

Inspectați elementul pe Chrome Pasul 6
Inspectați elementul pe Chrome Pasul 6

Pasul 6. Faceți clic dreapta pe elementul pe care doriți să îl inspectați pe pagina web

Meniul cu clic dreapta va apărea în caseta derulantă.

Inspectați elementul pe Chrome Pasul 7
Inspectați elementul pe Chrome Pasul 7

Pasul 7. Selectați Inspectați din meniul derulant

După aceea, coloana de inspecție va fi deplasată în sus sau în jos la acel element. Codul sursă al elementului va fi marcat.

Nu trebuie să deschideți manual câmpul de inspecție. Alegeți „ Inspecta ”Din meniul cu clic dreapta pentru a deschide automat coloana de inspecție.

Recomandat: