Chrome DevTools keyboard shortcuts
Panels, debugging, the console, and code editing in Chrome's developer tools.
43 shortcuts Mac and Windows checked September 14, 2026
Print all 43 shortcuts One sheet with every shortcut in this app, ready for the printer or a PDF.
43 actions and 43 key variants match.
- Chrome DevTools Documented
| Action | Keys | Row actions |
|---|---|---|
| Open the last used DevTools panel Chrome | Windows F12 | Source |
| Open the Console panel Chrome | Windows CtrlShiftJ | Source |
| Inspect an element on the page Chrome | Windows CtrlShiftC | Source |
| Show the DevTools settings DevTools | Windows ? | Source |
| Focus the next panel DevTools | Windows Ctrl] | Source |
| Focus the previous panel DevTools | Windows Ctrl[ | Source |
| Switch back to the last docking position DevTools | Windows CtrlShiftD | Source |
| Toggle device mode DevTools | Windows CtrlShiftM | Source |
| Open the command menu DevTools | Windows CtrlShiftP | Source |
| Show or hide the drawer DevTools | Windows Esc | Source |
| Reload the page DevTools | Windows F5 | Source |
| Reload the page without the cache DevTools | Windows CtrlF5 | Source |
| Search within the current panel DevTools | Windows CtrlF | Source |
| Search across every loaded resource DevTools | Windows CtrlShiftF | Source |
| Open a file in the Sources panel DevTools | Windows CtrlP | Source |
| Zoom DevTools out DevTools | Windows Ctrl- | Source |
| Restore the default DevTools zoom DevTools | Windows Ctrl0 | Source |
| Undo a change in Elements Elements panel | Windows CtrlZ | Source |
| Redo a change in Elements Elements panel | Windows CtrlY | Source |
| Hide the selected element Elements panel | Windows H | Source |
| Edit the element as HTML Elements panel | Windows F2 | Source |
| Pause or resume script execution Sources panel | Windows F8 | Source |
| Step over the next function call Sources panel | Windows F10 | Source |
| Step into the next function call Sources panel | Windows F11 | Source |
| Step out of the current function Sources panel | Windows ShiftF11 | Source |
| Save changes to the file Sources panel | Windows CtrlS | Source |
| Save every change Sources panel | Windows CtrlAltS | Source |
| Go to a line Sources panel | Windows CtrlG | Source |
| Go to a function or rule set Sources panel | Windows CtrlShiftO | Source |
| Close the active editor tab Sources panel | Windows AltW | Source |
About Chrome DevTools and its shortcuts
DevTools is a program inside the browser, with a keyboard of its own that sits on top of the page's and the browser's. The commands worth knowing cover moving between panels, the command menu that reaches everything by name, stepping through paused code, and inspecting an element without hunting for it in the tree.
Because DevTools shares the window with the page, some combinations depend on which pane has focus, and a few collide with browser commands. Google documents separate Windows and Mac lists.
Where the Chrome DevTools keys came from
Read from 1 documentation page published by the makers of Chrome DevTools. Report a key that is wrong
To see how one action is done in other apps as well as Chrome DevTools, browse the shortcuts by task. Shortcuts by task