Chrome DevTools
Panels, debugging, the console, and code editing in Chrome's developer tools.
Published coverage: Mac, Windows. Environments: Web app.
Everything
Blocks and structure
Comments and review
Editing
Files and printing
Formulas and data
Navigation
Paragraphs and lists
Search
Selection
System
Tabs and windows
View and zoom
42 actions and 42 key variants match.
- Chrome DevTools Documented
| Action | Keys | Row actions |
|---|---|---|
| Show or hide the debugger sidebar Sources panel | Mac CmdShiftH | Details |
| Add or remove a line breakpoint Code editor | Mac CmdB | Details |
| Go to the matching bracket Code editor | Mac CtrlM | Details |
| Toggle a line comment Code editor | Mac Cmd/ | Details |
| Select the next occurrence of the word Code editor | Mac CmdD | Details |
| Start or stop recording network activity Network panel | Mac CmdE | Details |
| Replay the selected request Network panel | Mac R | Details |
| Focus the Console DevTools | Mac Ctrl` | Details |
| Clear the Console Console panel | Mac CmdK | Details |
| Run the Console input Console panel | Mac Return | Details |
| Add a new line to the Console input Console panel | Mac ShiftReturn | Details |
| Replay a recording Recorder panel | Mac CmdEnter | Details |