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
43 actions and 85 key variants match.
- Chrome DevTools Documented
| Action | Keys | Row actions |
|---|---|---|
| Open the last used DevTools panel Chrome | Mac CmdOptionI 1 more variant | Details |
| Open the Console panel Chrome | Mac CmdOptionJ 1 more variant | Details |
| Inspect an element on the page Chrome | Mac CmdShiftC 1 more variant | Details |
| Show the DevTools settings DevTools | Mac ? 1 more variant | Details |
| Focus the next panel DevTools | Mac Cmd] 1 more variant | Details |
| Focus the previous panel DevTools | Mac Cmd[ 1 more variant | Details |
| Switch back to the last docking position DevTools | Mac CmdShiftD 1 more variant | Details |
| Toggle device mode DevTools | Mac CmdShiftM 1 more variant | Details |
| Open the command menu DevTools | Mac CmdShiftP 1 more variant | Details |
| Show or hide the drawer DevTools | Mac Esc 1 more variant | Details |
| Reload the page DevTools | Mac CmdR 1 more variant | Details |
| Reload the page without the cache DevTools | Mac CmdShiftR 1 more variant | Details |
| Search within the current panel DevTools | Mac CmdF 1 more variant | Details |
| Search across every loaded resource DevTools | Mac CmdOptionF 1 more variant | Details |
| Open a file in the Sources panel DevTools | Mac CmdP 1 more variant | Details |
| Zoom DevTools out DevTools | Mac Cmd- 1 more variant | Details |
| Restore the default DevTools zoom DevTools | Mac Cmd0 1 more variant | Details |
| Undo a change in Elements Elements panel | Mac CmdZ 1 more variant | Details |
| Redo a change in Elements Elements panel | Mac CmdShiftZ 1 more variant | Details |
| Hide the selected element Elements panel | Mac H 1 more variant | Details |
| Edit the element as HTML Elements panel | Windows F2 | Details |
| Pause or resume script execution Sources panel | Mac F8 1 more variant | Details |
| Step over the next function call Sources panel | Mac F10 1 more variant | Details |
| Step into the next function call Sources panel | Mac F11 1 more variant | Details |
| Step out of the current function Sources panel | Mac ShiftF11 1 more variant | Details |
| Save changes to the file Sources panel | Mac CmdS 1 more variant | Details |
| Save every change Sources panel | Mac CmdOptionS 1 more variant | Details |
| Go to a line Sources panel | Mac CtrlG 1 more variant | Details |
| Go to a function or rule set Sources panel | Mac CmdShiftO 1 more variant | Details |
| Close the active editor tab Sources panel | Mac OptionW 1 more variant | Details |