Keyboard Shortcuts Reference

This page is a reference of the keyboard shortcuts in Chrome DevTools. While some shortcuts are available globally, others are specific to a single panel.

You can also find shortcuts in tooltips. Hover over a UI element of DevTools to display its tooltip. If the element has a shortcut, the tooltip includes it.

Accessing DevTools

Access DevTools On Windows On Mac
Open Developer Tools F12, Ctrl + Shift + I Cmd + Opt + I
Open / switch from inspect element mode and browser window Ctrl + Shift + C Cmd + Shift + C
Open Developer Tools and bring focus to the console Ctrl + Shift + J Cmd + Opt + J
Inspect the Inspector (undock first one and press) Ctrl + Shift + I Cmd + Opt + I

Global keyboard shortcuts

The following keyboard shortcuts are available in all DevTools panels:

Global Shortcut Windows Mac
Show General Settings dialog ?, F1 ?
Next panel Ctrl + ] Cmd + ]
Previous panel Ctrl + [ Cmd + [
Backward in panel History Ctrl + Alt + [ Cmd + Opt + [
Forward in panel history Ctrl + Alt + ] Cmd + Opt + ]
Change docking location Ctrl + Shift + D Cmd + Shift + D
Open Device Mode Ctrl + Shift + M Cmd + Shift + M
Toggle Console / close settings dialog when open Esc Esc
Refresh the page F5, Ctrl + R Cmd + R
Refresh the page ignoring cached content Ctrl + F5, Ctrl + Shift + R Cmd + Shift + R
Text search within current file or panel Ctrl + F Cmd + F
Text search across all sources Ctrl + Shift + F Cmd + Opt + F
Search by filename (except on Timeline) Ctrl + O, Ctrl + P Cmd + O, Cmd + P
Zoom in (while focused in DevTools) Ctrl + + Cmd + Shift + +
Zoom out Ctrl + - Cmd + Shift + -
Restore default text size Ctrl + 0 Cmd + 0

Keyboard shortcuts by panel

Elements

Elements Panel Windows Mac
Undo change Ctrl + Z Cmd + Z
Redo change Ctrl + Y Cmd + Y, Cmd + Shift + Z
Navigate Up, Down Up, Down
Expand / collapse node Right, Left Right, Left
Expand node Single-click on arrow Single-click on arrow
Expand / collapse node and all its children Ctrl + Alt + Click on arrow icon Opt + Click on arrow icon
Edit attribute Enter, Double-click on attribute Enter, Double-click on attribute
Hide element H H
Toggle edit as HTML F2

Styles sidebar

Shortcuts available in the Styles sidebar:

Styles Sidebar Windows Mac
Edit rule Single-click Single-click
Insert new property Single-click on whitespace Single-click on whitespace
Go to line of style rule property declaration in source Ctrl + Click on property Cmd + Click on property
Go to line of property value declaration in source Ctrl + Click on property value Cmd + Click on property value
Cycle through the color definition value Shift + Click on color picker box Shift + Click on color picker box
Edit next / previous property Tab, Shift + Tab Tab, Shift + Tab
Increment / decrement value Up, Down Up, Down
Increment / decrement value by 10 Shift + Up, Shift + Down Shift + Up, Shift + Down
Increment / decrement value by 10 PgUp, PgDown PgUp, PgDown
Increment / decrement value by 100 Shift + PgUp, Shift + PgDown Shift + PgUp, Shift + PgDown
Increment / decrement value by 0.1 Alt + Up, Alt + Down Opt + Up, Opt + Down

Sources

Sources Panel Windows Mac
Pause / resume script execution F8, Ctrl + \ F8, Cmd + \
Step over next function call F10, Ctrl + ' F10, Cmd + '
Step into next function call F11, Ctrl + ; F11, Cmd + ;
Step out of current function Shift + F11, Ctrl + Shift + ; Shift + F11, Cmd + Shift + ;
Select next call frame Ctrl + . Opt + .
Select previous call frame Ctrl + , Opt + ,
Toggle breakpoint condition Click on line number, Ctrl + B Click on line number, Cmd + B
Edit breakpoint condition Right-click on line number Right-click on line number
Delete individual words Ctrl + Delete Opt + Delete
Comment a line or selected text Ctrl + / Cmd + /
Save changes to local modifications Ctrl + S Cmd + S
Save all changes Ctrl + Alt + S Cmd + Opt + S
Go to line Ctrl + G Ctrl + G
Search by filename Ctrl + O Cmd + O
Jump to line number Ctrl + P + :number Cmd + P + :number
Jump to column Ctrl + O + :number + :number Cmd + O + :number + :number
Go to member Ctrl + Shift + O Cmd + Shift + O
Close active tab Alt + W Opt + W
Run snippet Ctrl + Enter Cmd + Enter

Within the code editor

Code Editor Windows Mac
Go to matching bracket Ctrl + M
Jump to line number Ctrl + P + :number Cmd + P + :number
Jump to column Ctrl + O + :number + :number Cmd + O + :number + :number
Toggle comment Ctrl + / Cmd + /
Select next occurrence Ctrl + D Cmd + D
Undo last selection Ctrl + U Cmd + U

Timeline

Timeline Panel Windows Mac
Start / stop recording Ctrl + E Cmd + E
Save timeline data Ctrl + S Cmd + S
Load timeline data Ctrl + O Cmd + O

Profiles

Profiles Panel Windows Mac
Start / stop recording Ctrl + E Cmd + E

Console

Console Shortcuts Windows Mac
Accept suggestion Right Right
Previous command / line Up Up
Next command / line Down Down
Focus the Console Ctrl + ` Ctrl + `
Clear Console Ctrl + L Cmd + K, Opt + L
Multi-line entry Shift + Enter Cmd + Return
Execute Enter Return

Device mode

Device Mode Shortcuts Windows Mac
Pinch zoom in and out Shift + Scroll Shift + Scroll

When screencasting

Screencasting Shortcuts Windows Mac
Pinch zoom in and out Alt + Scroll,Ctrl + Click and drag with two fingers Opt + Scroll, Cmd + Click and drag with two fingers
Inspect element tool Ctrl + Shift + C Cmd + Shift + C