Chrome Developer Tools Quick Dev Reference

A visual cheat-sheet for the 56 keyboard shortcuts found in Chrome's Developer Tools.

Keyboard Shortcuts

Opening DevTools

Ctrl Shift I — Open whatever panel you used last

Ctrl Shift J — Open the Console panel

Ctrl Shift C — Open the Elements panel

Global Shortcuts

F1 — Show Settings

Ctrl ] — Focus the next panel

Ctrl [ — Focus the previous panel

Ctrl Shift D — Switch back to whatever docking position you last used

Ctrl Shift M — Toggle Device Mode

Ctrl Shift C — Toggle Inspect Element Mode

Ctrl Shift P — Open the Command Menu

Esc — Toggle the Drawer

Ctrl R — Normal reload

Ctrl Shift R — Hard reload

Ctrl F — Search for text within the current panel

Ctrl Shift F — Opens the Search tab in the Drawer

Ctrl P — Open a file in the Sources panel

Ctrl Shift + — Zoom in

Ctrl - — Zoom out

Ctrl 0 — Restore default zoom level

Ctrl O ! — Run snippet

Elements Panel

Ctrl Z — Undo change

Ctrl Y — Redo change

Up/Down — Select the element above or below the currently-selected element

Right — Expand the currently-selected node

Left — Collapse the currently-selected node

Enter — Toggle Edit Attributes mode on the currently-selected element

Tab — Select the next attribute after entering Edit Attributes mode

Shift Tab — Select the previous attribute after entering Edit Attributes mode

H — Hide the currently-selected element

F2 — Toggle Edit as HTML mode on the currently-selected element

Sources Panel

Ctrl \ — Pause script execution (if running), or resume (if paused)

Ctrl ' — Step over next function call

Ctrl ; — Step into next function call

Ctrl Shift ; — Step out of current function

Ctrl ./, — Select the call frame below or above the currently-selected frame

Ctrl S — Save changes to local modifications

Ctrl Alt S — Save all changes

Ctrl G — Go to line

Alt W — Close the active tab

Code Editor

Ctrl Del — Delete all characters in the last word, up to the cursor

Ctrl M — Go to matching bracket

Ctrl / — Toggle single-line comment

Ctrl D — Select the next occurrence of whatever word the cursor is on

Ctrl U — Deselect the next occurrence of whatever word the cursor is on

Performance Panel

Ctrl E — Start or stop recording

Ctrl S — Save recording

Ctrl O — Load recording

Memory Panel

Ctrl E — Start or stop recording

Console Panel

Tab — Accept autocomplete suggestion

Esc — Reject autocomplete suggestion

Up — Get previous statement

Down — Get next statement

Ctrl ` — Focus the Console

Ctrl L — Clear the console

Shift Enter — Force a multi-line entry

Enter — Execute