dojo
Chrome Dev Tools Cheatsheet
ShortcutFoo uses a Spaced Repetition System that adapts to your training.
scf keyboard

All Panels I

⇧/
Show General Settings dialog
^]
Next panel
^[
Previous panel
^⌥[
Backward in panel History
^⌥]
Forward in panel history
^⇧M
Open Device Mode (v38+)
ESC
Toggle Console / close settings dialog when open
scf keyboard

All Panels II

F5
Refresh the page
^⇧R
Refresh the page ignoring cached content
^F
Text search within current file or panel
^⇧F
Text search across all sources
^O
Search by filename (except on Timeline)
^⇧=
Zoom in (while focused in DevTools)
^-
Zoom out
^0
Restore default text size
scf keyboard

Styles Sidebar

^SPACE
View auto-complete suggestions
TAB
Edit next property
⇧TAB
Edit previous property
UP
Increment value
DOWN
Decrement value
⇧UP
Increment value by 10
⇧DOWN
Decrement value by 10
⇧PAGEUP
Increment value by 100
⇧PAGEDOWN
Decrement value by 100
⌥UP
Increment value by 0.1
⌥DOWN
Decrement value by 0.1
scf keyboard

Sources Panel I

F8
Pause / resume script execution
F10
Step over next function call
^;
Step into next function call
^⇧;
Step out of current function
^.
Select next call frame
^,
Select previous call frame
⌥DEL
Delete individual words
^/
Comment a line or selected text
scf keyboard

Sources Panel II

^S
Save changes to local modifications
^⌥S
Save all changes
^G
Go to line
^O
Search by filename
^⇧O
Go to member
^⇧E
Toggle console and evaluate code selected in Sources panel
⌥W
Close active tab
^↵
Run snippet
scf keyboard

Elements Panel / Misc

^⇧I
Open Developer Tools
^⇧C
Open / switch from inspect element mode and browser window
^⇧J
Open Developer Tools and bring focus to the console
^Z
Undo change
^Y
Redo change
H
Hide element
F2
Toggle edit as HTML
achievement-star