DevTools-tips: Verschillende manieren om DevTools te openen
Stay organized with collections
Save and categorize content based on your preferences.
Er zijn veel manieren om Chrome DevTools te openen. Kies je favoriet.
Klik met de rechtermuisknop > Inspecteren
Klik met de rechtermuisknop op een element op de pagina en selecteer Inspecteren .
Selecteer 
> Meer tools > Ontwikkelaarstools .
Snelkoppelingen
Als je een toetsenbordmens bent, is hier een sneltoets-cheatsheet:
| Besturingssysteem | Elementen | Troosten | Je laatste paneel |
|---|
| Windows of Linux | Ctrl + Shift + C | Ctrl + Shift + J | F12 Ctrl + Shift + I |
| Mac | Cmd + Optie + C | Cmd + Optie + J | Fn + F12 Cmd + Optie + I |
De gemakkelijke manier om de snelkoppelingen te onthouden:
- C staat voor CSS.
- J voor JavaScript.
- Ik geef jouw keuze aan.
Zie DevTools automatisch openen op elk nieuw tabblad voor meer informatie over hoe u Chrome DevTools automatisch opent op Windows, Linux of MacOS.
Meer informatie
Tenzij anders vermeld, is de content op deze pagina gelicentieerd onder de Creative Commons Attribution 4.0-licentie en zijn codevoorbeelden gelicentieerd onder de Apache 2.0-licentie. Voor meer informatie raadpleegt u het Google Developers-sitebeleid. Java is een gedeponeerd handelsmerk van Oracle en/of diens aangesloten entiteiten.
Last updated 2022-10-26 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Translation issue","translationIssue","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2022-10-26 UTC."],[],[],null,[]]
