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
9 actions and 9 key variants match.
- Chrome DevTools Documented
| Action | Keys | Row actions |
|---|---|---|
| Focus the next panel DevTools | Windows Ctrl] | Details |
| Focus the previous panel DevTools | Windows Ctrl[ | Details |
| Switch back to the last docking position DevTools | Windows CtrlShiftD | Details |
| Step over the next function call Sources panel | Windows F10 | Details |
| Step into the next function call Sources panel | Windows F11 | Details |
| Go to a line Sources panel | Windows CtrlG | Details |
| Go to a function or rule set Sources panel | Windows CtrlShiftO | Details |
| Go to the matching bracket Code editor | Windows CtrlM | Details |
| Start or stop recording network activity Network panel | Windows CtrlE | Details |