Element in Chrome inspecteren: 7 stappen (met afbeeldingen)

Inhoudsopgave:

Element in Chrome inspecteren: 7 stappen (met afbeeldingen)
Element in Chrome inspecteren: 7 stappen (met afbeeldingen)

Video: Element in Chrome inspecteren: 7 stappen (met afbeeldingen)

Video: Element in Chrome inspecteren: 7 stappen (met afbeeldingen)
Video: 🔥 Change Hairstyles and Swap Hair in Photoshop! 2024, Mei
Anonim

Deze wikiHow leert je hoe je met een computer de HTML-broncode van een visueel element op elke webpagina in Google Chrome kunt inspecteren.

Stappen

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

Stap 1. Open Google Chrome op uw computer

Het Chrome-pictogram ziet eruit als een gekleurde bal met een blauwe stip in het midden. Je kunt het vinden in je map Programma's op een Mac, of in je Start-menu op Windows.

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

Stap 2. Klik op het pictogram met de drie verticale stippen

Deze knop bevindt zich naast de adresbalk in de rechterbovenhoek van uw browservenster. Er wordt een vervolgkeuzemenu geopend.

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

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

Er verschijnt een submenu.

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

Stap 4. Klik op Developer Tools in het submenu More Tools

Dit opent de Inspector-kolom aan de rechterkant van uw browservenster.

Als alternatief kunt u het infovenster openen met een sneltoets. Deze sneltoets is ⌥ Option+⌘ Cmd+I op Mac en Ctrl+Alt+I op Windows

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

Stap 5. Plaats de muisaanwijzer op een element in de Inspector-kolom

Als u uw muis naar een element of een regel in Inspector beweegt, wordt het geselecteerde element op de webpagina gemarkeerd.

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

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

Uw rechtsklikmenu verschijnt in een vervolgkeuzelijst.

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

Stap 7. Selecteer Inspecteren in het vervolgkeuzemenu

Hierdoor wordt de Inspector-kolom omhoog of omlaag geschoven naar het geselecteerde element en wordt de broncode gemarkeerd.

U hoeft hiervoor de Inspector-kolom niet handmatig te openen. Selecteren Inspecteren in het rechtsklikmenu opent automatisch het infovenster.

Aanbevolen: