Skip to the main content

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.

Search all apps

Matching shortcuts
Action Keys Row actions
Show or hide the navigation sidebar Sources panel Windows CtrlShiftY Source
Show or hide the debugger sidebar Sources panel Windows CtrlShiftH Source
Add or remove a line breakpoint Code editor Windows CtrlB Source
Go to the matching bracket Code editor Windows CtrlM Source
Toggle a line comment Code editor Windows Ctrl/ Source
Select the next occurrence of the word Code editor Windows CtrlD Source
Start or stop recording network activity Network panel Windows CtrlE Source
Replay the selected request Network panel Windows R Source
Focus the Console DevTools Windows Ctrl` Source
Clear the Console Console panel Windows CtrlL Source
Run the Console input Console panel Windows Enter Source
Add a new line to the Console input Console panel Windows ShiftEnter Source
Replay a recording Recorder panel Windows CtrlEnter 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