Deze wikiHow leert je hoe je de HTML-broncode van de visuele elementen van een webpagina in Google Chrome kunt onderzoeken met een computer.
Stap

Stap 1. Open Google Chrome op de computer
Het Chrome-pictogram ziet eruit als een kleurrijke bal met een blauwe stip in het midden. U vindt dit pictogram in de map "Toepassingen" op een Mac-computer of in het menu "Start" op een Windows-computer.

Stap 2. Klik op het pictogram met de drie verticale stippen
Het staat naast de adresbalk, in de rechterbovenhoek van uw browservenster. Daarna wordt een vervolgkeuzemenu weergegeven.

Stap 3. Plaats de muisaanwijzer op Meer hulpmiddelen in het vervolgkeuzemenu
Daarna wordt het submenu weergegeven.

Stap 4. Klik op Developer Tools in het submenu "More Tools"
Een inspectiekolom wordt weergegeven aan de rechterkant van het browservenster.
Als alternatief kunt u het inspectievenster openen met een sneltoets. Druk op Option+⌘ Cmd+I op Mac-computers en op Ctrl+Alt+I op Windows-computers

Stap 5. Plaats de muisaanwijzer op een element in de inspectiekolom
Wanneer de cursor over een element of regel in het inspectievenster wordt gehouden, wordt het bijbehorende element op de webpagina gemarkeerd.

Stap 6. Klik met de rechtermuisknop op het element dat u wilt inspecteren op de webpagina
Het rechtsklikmenu verschijnt in de vervolgkeuzelijst.

Stap 7. Selecteer Inspecteren in het vervolgkeuzemenu
Daarna wordt de inspectiekolom naar dat element omhoog of omlaag geschoven. De broncode van het element wordt gemarkeerd.