Chrome Dev Tools Keyboard Shortcuts

Keyboard Shortcuts Reference

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 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

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