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.
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.
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.