Com es comproven els elements de la pàgina web a Chrome: 7 passos

Taula de continguts:

Com es comproven els elements de la pàgina web a Chrome: 7 passos
Com es comproven els elements de la pàgina web a Chrome: 7 passos

Vídeo: Com es comproven els elements de la pàgina web a Chrome: 7 passos

Vídeo: Com es comproven els elements de la pàgina web a Chrome: 7 passos
Vídeo: Using Chrome's Incognito mode 2024, Maig
Anonim

Aquest wikiHow us ensenya a examinar el codi font HTML dels elements visuals d'una pàgina web a Google Chrome mitjançant un ordinador.

Pas

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. Podeu trobar aquesta icona a la carpeta "Aplicacions" d'un equip Mac o al menú "Inici" d'un equip 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

Es troba al costat de la barra d'adreces, a l'extrem superior dret de la finestra del navegador. Després, es mostrarà 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

Després d'això, es mostrarà el 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"

Es mostrarà una columna d'inspecció a la part dreta de la finestra del navegador.

Com a alternativa, podeu obrir la finestra d’inspecció amb una drecera de teclat. Premeu Opció + ⌘ Cmd + I als ordinadors Mac i Ctrl + Alt + I als ordinadors 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 d'inspecció

Quan el cursor se situa sobre un element o línia a la finestra d'inspecció, l'element corresponent es marcarà 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 l'element que voleu inspeccionar a la pàgina web

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

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

Pas 7. Seleccioneu Inspecciona al menú desplegable

Després, la columna d'inspecció es desplaçarà cap amunt o cap avall cap a aquest element. Es marcarà el codi font de l'element.

No cal que obriu el camp d'inspecció manualment. Trieu " Inspeccioneu ”Al menú del clic dret per obrir la columna d’inspecció automàticament.

Recomanat: