Com inspeccionar l'element a Chrome: 7 passos (amb imatges)

Taula de continguts:

Com inspeccionar l'element a Chrome: 7 passos (amb imatges)
Com inspeccionar l'element a Chrome: 7 passos (amb imatges)

Vídeo: Com inspeccionar l'element a Chrome: 7 passos (amb imatges)

Vídeo: Com inspeccionar l'element a Chrome: 7 passos (amb imatges)
Vídeo: Штукатурка стен - самое полное видео! Переделка хрущевки от А до Я. #5 2024, Maig
Anonim

Aquest wikiHow us ensenya a inspeccionar el codi font HTML d’un element visual en qualsevol pàgina web de Google Chrome mitjançant un ordinador.

Passos

Inspeccioneu l'element a Chrome Pas 1
Inspeccioneu l'element a Chrome Pas 1

Pas 1. Obriu Google Chrome a l'ordinador

La icona de Chrome sembla una bola de colors amb un punt blau al centre. El podeu trobar a la carpeta Aplicacions en un Mac o al menú Inici de Windows.

Inspeccioneu l'element a Chrome Pas 2
Inspeccioneu l'element a Chrome Pas 2

Pas 2. Feu clic a la icona de tres punts verticals

Aquest botó es troba al costat de la barra d'adreces a l'extrem superior dret de la finestra del navegador. Obrirà un menú desplegable.

Inspeccioneu l'element a Chrome Pas 3
Inspeccioneu l'element a Chrome Pas 3

Pas 3. Passeu el cursor per sobre de Més eines al menú desplegable

Apareixerà un submenú.

Inspeccioneu l'element a Chrome Pas 4
Inspeccioneu l'element a Chrome Pas 4

Pas 4. Feu clic a Eines per a desenvolupadors al submenú Més eines

Això obrirà la columna Inspector a la part dreta de la finestra del navegador.

Com a alternativa, podeu obrir l'Inspector amb una drecera de teclat. Aquesta drecera és ⌥ Opció + ⌘ Cmd + I al Mac i Ctrl + Alt + I al Windows

Inspeccioneu l'element a Chrome Pas 5
Inspeccioneu l'element a Chrome Pas 5

Pas 5. Passeu el cursor per sobre d'un element de la columna Inspector

Si moveu el ratolí a un element o una línia a Inspector, es ressaltarà l'element seleccionat a la pàgina web.

Inspeccioneu l'element a Chrome Pas 6
Inspeccioneu l'element a Chrome Pas 6

Pas 6. Feu clic amb el botó dret a un element que vulgueu inspeccionar a qualsevol pàgina web

El menú del botó dret apareixerà en un quadre desplegable.

Inspeccioneu l'element a Chrome Pas 7
Inspeccioneu l'element a Chrome Pas 7

Pas 7. Seleccioneu Inspecciona al menú desplegable

Això desplaçarà la columna Inspector cap amunt o cap avall fins a l'element seleccionat i ressaltarà el seu codi font.

Per fer-ho, no cal que obriu manualment la columna Inspector. Seleccionant Inspeccioneu al menú del clic dret s'obrirà automàticament l'Inspector.

Recomanat: