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
11 actions and 11 key variants match.
- Chrome DevTools Documented
| Action | Keys | Row actions |
|---|---|---|
| Zoom DevTools out DevTools | Windows Ctrl- | Details |
| Restore the default DevTools zoom DevTools | Windows Ctrl0 | Details |
| Undo a change in Elements Elements panel | Windows CtrlZ | Details |
| Redo a change in Elements Elements panel | Windows CtrlY | Details |
| Edit the element as HTML Elements panel | Windows F2 | Details |
| Step out of the current function Sources panel | Windows ShiftF11 | Details |
| Show or hide the navigation sidebar Sources panel | Windows CtrlShiftY | Details |
| Show or hide the debugger sidebar Sources panel | Windows CtrlShiftH | Details |
| Clear the Console Console panel | Windows CtrlL | Details |
| Run the Console input Console panel | Windows Enter | Details |
| Replay a recording Recorder panel | Windows CtrlEnter | Details |