Articles

Open Chrome DevTools

Door Kayce Basques
Technical Writer, Chrome DevTools & Lighthouse

Er zijn veel manieren om Chrome DevTools te openen, omdat verschillende gebruikers snel toegang willen tot verschillende delen van de DevTools UI.

Open het paneel Elements om het DOM of CSS te inspecteren

Wanneer u de stijlen of attributen van een DOM-knooppunt wilt inspecteren, klikt u met de rechtermuisknop op het element en selecteert u Inspect.

Figuur 1. De optie Inspect

Of druk op Command+Option+C (Mac) ofControl+Shift+C (Windows, Linux, Chrome OS).

Zie Aan de slag met het bekijken en wijzigen van CSS.

Open het Console-paneel om gelogde berichten te bekijken of JavaScript uit te voeren

Druk op Command+Option+J (Mac) of Control+Shift+J (Windows, Linux, Chrome OS) om direct in het Console-paneel te springen.

Zie Aan de slag met de Console.

Open het laatste paneel dat u open had

Druk op Command+Option+I (Mac) ofControl+Shift+I.

Open DevTools vanuit het hoofdmenu van Chrome

Klik op Aanpassen en bedien Google Chrome en selecteer vervolgens Meer hulpmiddelen > Developer Tools.

Figuur 2. DevTools openen vanuit het hoofdmenu van Chrome

Auto-open DevTools op elk nieuw tabblad

Open Chrome vanaf de opdrachtregel en geef de --auto-open-devtools-for-tabs vlag door.

Mac:

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs

Feedback

Was deze pagina nuttig?
Ja
Wat was het beste aan deze pagina?
Het heeft me geholpen mijn doel(en)te bereiken
Bedankt voor de feedback. Als u specifieke ideeën heeft over hoe deze pagina verbeterd kan worden, maak dan een issue aan.

Het had de informatie die ik nodig had
Dank u voor de feedback. Als u specifieke ideeën heeft over hoe deze pagina verbeterd kan worden, kunt u een issue aanmaken.

Het had de juiste informatie
Dank u voor de feedback. Als u specifieke ideeën heeft over hoe deze pagina verbeterd kan worden, kunt u een issue aanmaken.
Het was makkelijk te lezen
Bedankt voor de feedback. Als u specifieke ideeën heeft over hoe deze pagina verbeterd kan worden, kunt u een issue aanmaken.
Even iets anders
Bedankt voor de feedback. Als u specifieke ideeën heeft over hoe deze pagina verbeterd kan worden, kunt u een issue aanmaken.
Nee
Wat was het ergste aan deze pagina?
Het heeft me niet geholpen om mijn doel(en)te bereiken
Dank u voor de feedback. Als u specifieke ideeën heeft over hoe deze pagina verbeterd kan worden, kunt u een issue aanmaken.

Er ontbrak informatie die ik nodig had
Dank u voor de feedback. Als u specifieke ideeën heeft over hoe deze pagina verbeterd kan worden, kunt u een issue aanmaken.
Het bevatte onjuiste informatie
Dank u voor de feedback. Als u specifieke ideeën heeft over hoe deze pagina verbeterd kan worden, kunt u een issue aanmaken.
Het was moeilijk te lezen
Dank u voor de feedback. Als u specifieke ideeën heeft over hoe deze pagina verbeterd kan worden, kunt u een issue aanmaken.
Even iets anders
Dank u voor de feedback. Als u specifieke ideeën heeft over hoe deze pagina verbeterd kan worden, kunt u een issue aanmaken.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *