DevTools Keyboard Shortcuts

Chrome DevTools keyboard shortcut reference covering 66 bindings for Windows, Mac & Linux. Commonly searched bindings include Open whatever panel you used last, Open the Console panel, and Open the Elements panel. 66 of 66 shortcuts are verified against official Chrome DevTools documentation, each with a linked source when available. Search by action name, filter by category, look up what a key combination does, print a cheat sheet, or practice with flashcards.

Official Chrome DevTools documentation

Console

Action	Description	Windows	Mac	Verified	Source
Accept autocomplete suggestion		`Right`	`Right`	Yes	Source
Reject autocomplete suggestion		`Escape`	`Escape`	Yes	Source
Get previous statement		`Up`	`Up`	Yes	Source
Get next statement		`Down`	`Down`	Yes	Source
Focus the Console		Ctrl+`	Ctrl+`	Yes	Source
Clear the Console		`Ctrl+L`	`Cmd+K`	Yes	Source
Force a multi-line entry	Force a multi-line entry. Note that DevTools should detect multi-line scenarios by default, so this shortcut is now usually unnecessary	`Shift+Enter`	`Shift+Enter`	Yes	Source
Execute		`Enter`	`Enter`	Yes	Source

Debug

Action	Description	Windows	Mac	Verified	Source
Pause script execution (if currently running) or resume (if currently paused)		`F8`	`F8`	Yes	Source
Step over next function call		`F10`	`F10`	Yes	Source
Step into next function call		`F11`	`F11`	Yes	Source
Step out of current function		`Shift+F11`	`Shift+F11`	Yes	Source
Save changes to local modifications		`Ctrl+S`	`Cmd+S`	Yes	Source
Save all changes		`Ctrl+Alt+S`	`Cmd+Option+S`	Yes	Source
Go to line		`Ctrl+G`	`Ctrl+G`	Yes	Source
Close the active tab		`Alt+W`	`Option+W`	Yes	Source
Open next or previous tab		`Ctrl+PageUp`	`Cmd+Up`	Yes	Source
Toggle the Navigation sidebar on the left		`Ctrl+Shift+Y`	`Cmd+Shift+Y`	Yes	Source
Toggle the Debugger sidebar on the right		`Ctrl+Shift+H`	`Cmd+Shift+H`	Yes	Source
Delete all characters in the last word, up to the cursor		`Ctrl+Delete`	`Option+Delete`	Yes	Source
Go to matching bracket		`Ctrl+M`	`Ctrl+M`	Yes	Source
Toggle single-line comment	Toggle single-line comment. If multiple lines are selected, DevTools adds a comment to the start of each line	`Ctrl+/`	`Cmd+/`	Yes	Source

Elements

Action	Description	Windows	Mac	Verified	Source
Undo change		`Ctrl+Z`	`Cmd+Z`	Yes	Source
Redo change		`Ctrl+Y`	`Cmd+Shift+Z`	Yes	Source
Expand the currently-selected node	Expand the currently-selected node. If the node is already expanded, this shortcut selects the element below it	`Right`	`Right`	Yes	Source
Collapse the currently-selected node	Collapse the currently-selected node. If the node is already collapsed, this shortcut selects the element above it	`Left`	`Left`	Yes	Source
Toggle Edit Attributes mode on the currently-selected element		`Enter`	`Enter`	Yes	Source
Hide the currently-selected element		`H`	`H`	Yes	Source
Toggle Edit as HTML mode on the currently-selected element		`F2`	`F2`	Yes	Source
Open the CSS value tooltip when focusing a function in a property value (e	Open the CSS value tooltip when focusing a function in a property value (e.g., var, calc, clamp, etc., identified by a dotted underline)	`Alt+Down`	`Option+Down`	Yes	Source

General

Action	Description	Windows	Mac	Verified	Source
Open whatever panel you used last		`F12`	`Cmd+Option+I`	Yes	Source
Open the Console panel		`Ctrl+Shift+J`	`Cmd+Option+J`	Yes	Source
Open the Elements panel		`Ctrl+Shift+C`	`Cmd+Shift+C`	Yes	Source
Show Settings		`?`	`?`	Yes	Source
Focus the next panel		`Ctrl+]`	`Cmd+]`	Yes	Source
Focus the previous panel		`Ctrl+[`	`Cmd+[`	Yes	Source
Switch back to whatever docking position you last used	Switch back to whatever docking position you last used. If DevTools has been in its default position for the entire session, then this shortcut undocks DevTools into a separate window	`Ctrl+Shift+D`	`Cmd+Shift+D`	Yes	Source
Toggle Device Mode		`Ctrl+Shift+M`	`Cmd+Shift+M`	Yes	Source
Toggle Inspect Element Mode		`Ctrl+Shift+C`	`Cmd+Shift+C`	Yes	Source
Open the Command Menu		`Ctrl+Shift+P`	`Cmd+Shift+P`	Yes	Source
Toggle the Drawer		`Escape`	`Escape`	Yes	Source
Normal reload		`F5`	`Cmd+R`	Yes	Source
Hard reload		`Ctrl+F5`	`Cmd+Shift+R`	Yes	Source
Search for text within the current panel	Search for text within the current panel. Supported only in the Elements , Console , Sources , Performance , Memory , JavaScript Profiler , and Quick Source panels.	`Ctrl+F`	`Cmd+F`	Yes	Source
Opens the Search tab in the Drawer , which lets you search for text across all loaded resources		`Ctrl+Shift+F`	`Cmd+Option+F`	Yes	Source
Open a file in the Sources panel		`Ctrl+O`	`Cmd+O`	Yes	Source
Zoom in		`Ctrl+Shift`	`Cmd+Shift`	Yes	Source
Zoom out		`Ctrl+-`	`Cmd+-`	Yes	Source
Restore default zoom level		`Ctrl+0`	`Cmd+0`	Yes	Source

Layers

Action	Windows	Mac	Verified	Source
Toggle pan mode	`X`	`X`	Yes	Source
Toggle rotate mode	`V`	`V`	Yes	Source
Reset the diagram's position and rotation	`0`	`0`	Yes	Source
Zoom in on the diagram	`Shift`	`Shift`	Yes	Source
Zoom out of the diagram	`Shift+-`	`Shift+-`	Yes	Source

Network

Action	Windows	Mac	Verified	Source
Search headers, payloads, and responses	`Ctrl+F`	`Cmd+F`	Yes	Source
Start / stop recording	`Ctrl+E`	`Cmd+E`	Yes	Source
Record a reload	`Ctrl+R`	`Cmd+R`	Yes	Source
Replay a selected XHR request	`R`	`R`	Yes	Source
Hide the details of a selected request	`Escape`	`Escape`	Yes	Source

Performance

Action	Description	Windows	Mac	Verified	Source
Save recording		`Ctrl+S`	`Cmd+S`	Yes	Source
Load recording		`Ctrl+O`	`Cmd+O`	Yes	Source

Recorder

Action	Windows	Mac	Verified	Source
Start or stop recording	`Ctrl+E`	`Cmd+E`	Yes	Source
Replay recording	`Ctrl+Enter`	`Cmd+Enter`	Yes	Source
Copy recording or selected step	`Ctrl+C`	`Cmd+C`	Yes	Source
Toggle code view	`Ctrl+B`	`Cmd+B`	Yes	Source

Search

Action	Description	Windows	Mac	Verified	Source
Expand/collapse all search results		`Ctrl+Shift+{`	`Cmd+Option+{`	Yes	Source

← All apps on Shortcut Atlas