Cum să inspectați elementul pe Chrome: 7 pași (cu imagini)

Cuprins:

Cum să inspectați elementul pe Chrome: 7 pași (cu imagini)
Cum să inspectați elementul pe Chrome: 7 pași (cu imagini)

Video: Cum să inspectați elementul pe Chrome: 7 pași (cu imagini)

Video: Cum să inspectați elementul pe Chrome: 7 pași (cu imagini)
Video: Invata PHOTOSHOP in 10 minute! (Tutorial pentru incepatori) 2024, Mai
Anonim

Acest wikiHow vă învață cum să inspectați codul sursă HTML al unui element vizual pe orice pagină web de pe Google Chrome, utilizând un computer.

Pași

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 bilă colorată cu un punct albastru în centru. Îl puteți găsi în folderul Aplicații de pe un Mac sau în meniul Start de pe 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

Acest buton este situat lângă bara de adrese din colțul din dreapta sus al ferestrei browserului. Se va deschide 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

Va apărea un submeniu.

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

Aceasta va deschide coloana Inspector din partea dreaptă a ferestrei browserului.

Alternativ, puteți deschide inspectorul cu o comandă rapidă de la tastatură. Această comandă rapidă este ⌥ Opțiune + ⌘ Cmd + I pe Mac și Ctrl + Alt + I pe 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 Inspector

Mutarea mouse-ului către un element sau o linie din Inspector va evidenția elementul selectat pe pagina web.

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

Pasul 6. Faceți clic dreapta pe un element pe care doriți să îl inspectați pe orice pagină web

Meniul cu clic dreapta va apărea într-o casetă derulantă.

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

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

Aceasta va derula coloana Inspector în sus sau în jos până la elementul selectat și va evidenția codul sursă al acestuia.

Nu trebuie să deschideți manual coloana Inspector pentru a face acest lucru. Selectarea Inspecta din meniul cu clic dreapta se va deschide automat inspectorul.

Recomandat: