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

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.

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.

Pas 3. Passeu el cursor per sobre de Més eines al menú desplegable
Després d'això, es mostrarà el submenú.

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

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.

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.

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.