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

ActionDescriptionWindowsMacVerifiedSource
Accept autocomplete suggestion Accept autocomplete suggestion Right Right Yes Source
Reject autocomplete suggestion Reject autocomplete suggestion Escape Escape Yes Source
Get previous statement Get previous statement Up Up Yes Source
Get next statement Get next statement Down Down Yes Source
Focus the Console Focus the Console Ctrl+` Ctrl+` Yes Source
Clear the Console 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 Execute Enter Enter Yes Source

Debug

ActionDescriptionWindowsMacVerifiedSource
Pause script execution (if currently running) or resume (if currently paused) Pause script execution (if currently running) or resume (if currently paused) F8 F8 Yes Source
Step over next function call Step over next function call F10 F10 Yes Source
Step into next function call Step into next function call F11 F11 Yes Source
Step out of current function Step out of current function Shift+F11 Shift+F11 Yes Source
Save changes to local modifications Save changes to local modifications Ctrl+S Cmd+S Yes Source
Save all changes Save all changes Ctrl+Alt+S Cmd+Option+S Yes Source
Go to line Go to line Ctrl+G Ctrl+G Yes Source
Close the active tab Close the active tab Alt+W Option+W Yes Source
Open next or previous tab Open next or previous tab Ctrl+PageUp Cmd+Up Yes Source
Toggle the Navigation sidebar on the left Toggle the Navigation sidebar on the left Ctrl+Shift+Y Cmd+Shift+Y Yes Source
Toggle the Debugger sidebar on the right 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 Delete all characters in the last word, up to the cursor Ctrl+Delete Option+Delete Yes Source
Go to matching bracket 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

ActionDescriptionWindowsMacVerifiedSource
Undo change Undo change Ctrl+Z Cmd+Z Yes Source
Redo change 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 Toggle Edit Attributes mode on the currently-selected element Enter Enter Yes Source
Hide the currently-selected element Hide the currently-selected element H H Yes Source
Toggle Edit as HTML mode on the currently-selected element 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

ActionDescriptionWindowsMacVerifiedSource
Open whatever panel you used last Open whatever panel you used last F12 Cmd+Option+I Yes Source
Open the Console panel Open the Console panel Ctrl+Shift+J Cmd+Option+J Yes Source
Open the Elements panel Open the Elements panel Ctrl+Shift+C Cmd+Shift+C Yes Source
Show Settings Show Settings ? ? Yes Source
Focus the next panel Focus the next panel Ctrl+] Cmd+] Yes Source
Focus the previous panel 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 Toggle Device Mode Ctrl+Shift+M Cmd+Shift+M Yes Source
Toggle Inspect Element Mode Toggle Inspect Element Mode Ctrl+Shift+C Cmd+Shift+C Yes Source
Open the Command Menu Open the Command Menu Ctrl+Shift+P Cmd+Shift+P Yes Source
Toggle the Drawer Toggle the Drawer Escape Escape Yes Source
Normal reload Normal reload F5 Cmd+R Yes Source
Hard reload 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 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 Open a file in the Sources panel Ctrl+O Cmd+O Yes Source
Zoom in Zoom in Ctrl+Shift Cmd+Shift Yes Source
Zoom out Zoom out Ctrl+- Cmd+- Yes Source
Restore default zoom level Restore default zoom level Ctrl+0 Cmd+0 Yes Source

Layers

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

Network

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

Performance

ActionDescriptionWindowsMacVerifiedSource
Save recording Save recording Ctrl+S Cmd+S Yes Source
Load recording Load recording Ctrl+O Cmd+O Yes Source

Recorder

ActionDescriptionWindowsMacVerifiedSource
Start or stop recording Start or stop recording Ctrl+E Cmd+E Yes Source
Replay recording Replay recording Ctrl+Enter Cmd+Enter Yes Source
Copy recording or selected step Copy recording or selected step Ctrl+C Cmd+C Yes Source
Toggle code view Toggle code view Ctrl+B Cmd+B Yes Source

Search

ActionDescriptionWindowsMacVerifiedSource
Expand/collapse all search results Expand/collapse all search results Ctrl+Shift+{ Cmd+Option+{ Yes Source

← All apps on Shortcut Atlas

Loading Shortcut Atlas…