Skip to content

Chrome Developer Tools

Keyboard Shortcuts

Opening DevTools

Shortcut	Action
`Ctrl` `Shift` `I`	Open whatever panel you used last
`Ctrl` `Shift` `J`	Open the Console panel
`Ctrl` `Shift` `C`	Open the Elements panel

{.shortcuts}

Global Shortcuts {.row-span-2}

Shortcut	Action
`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

{.shortcuts}

Elements Panel

Shortcut	Action
`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

{.shortcuts}

Sources Panel

Shortcut	Action
`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

{.shortcuts}

Code Editor

Shortcut	Action
`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

{.shortcuts}

Performance Panel

Shortcut	Action
`Ctrl` `E`	Start or stop recording
`Ctrl` `S`	Save recording
`Ctrl` `O`	Load recording

{.shortcuts}

Memory Panel

Shortcut	Action
`Ctrl` `E`	Start or stop recording

{.shortcuts}

Console Panel

Shortcut	Action
`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

{.shortcuts}

Also see

Keyboard shortcuts for Chrome DevTools (developers.google.com)