Webpagina-elementen in Chrome controleren: 7 stappen

Inhoudsopgave:

Webpagina-elementen in Chrome controleren: 7 stappen
Webpagina-elementen in Chrome controleren: 7 stappen

Video: Webpagina-elementen in Chrome controleren: 7 stappen

Video: Webpagina-elementen in Chrome controleren: 7 stappen
Video: How To Fix the “Aw, Snap!” Error in Chrome 2024, Mei
Anonim

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

Inspecteer Element op Chrome Stap 1
Inspecteer Element op Chrome Stap 1

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.

Inspecteer Element op Chrome Stap 2
Inspecteer Element op Chrome Stap 2

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.

Inspecteer Element op Chrome Stap 3
Inspecteer Element op Chrome Stap 3

Stap 3. Plaats de muisaanwijzer op Meer hulpmiddelen in het vervolgkeuzemenu

Daarna wordt het submenu weergegeven.

Inspecteer Element op Chrome Stap 4
Inspecteer Element op Chrome Stap 4

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

Inspecteer Element op Chrome Stap 5
Inspecteer Element op Chrome Stap 5

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.

Inspecteer Element op Chrome Stap 6
Inspecteer Element op Chrome Stap 6

Stap 6. Klik met de rechtermuisknop op het element dat u wilt inspecteren op de webpagina

Het rechtsklikmenu verschijnt in de vervolgkeuzelijst.

Inspecteer Element op Chrome Stap 7
Inspecteer Element op Chrome Stap 7

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.

U hoeft het inspectieveld niet handmatig te openen. Kiezen " Inspecteren ” in het rechtsklikmenu om de inspectiekolom automatisch te openen.

Aanbevolen: