Skip to the main content
Shortivo

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.

Every system Mac Windows
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 21 key variants match.

Search all apps

Matching shortcuts
Action Keys Row actions
Zoom DevTools out DevTools Mac Cmd- 1 more variant Source
Restore the default DevTools zoom DevTools Mac Cmd0 1 more variant Source
Undo a change in Elements Elements panel Mac CmdZ 1 more variant Source
Redo a change in Elements Elements panel Mac CmdShiftZ 1 more variant Source
Edit the element as HTML Elements panel Windows F2 Source
Step out of the current function Sources panel Mac ShiftF11 1 more variant Source
Show or hide the navigation sidebar Sources panel Mac CmdShiftY 1 more variant Source
Show or hide the debugger sidebar Sources panel Mac CmdShiftH 1 more variant Source
Clear the Console Console panel Mac CmdK 1 more variant Source
Run the Console input Console panel Mac Return 1 more variant Source
Replay a recording Recorder panel Mac CmdEnter 1 more variant 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