Blocks and structure
1 shortcut
| Action |
Windows |
Mac |
|
Toggle device mode DevTools
|
Ctrl + Shift + M
|
Cmd + Shift + M
|
Comments and review
1 shortcut
| Action |
Windows |
Mac |
|
Toggle a line comment Code editor
|
Ctrl + /
|
Cmd + /
|
Editing
5 shortcuts
| Action |
Windows |
Mac |
|
Inspect an element on the page Chrome
|
Ctrl + Shift + C
|
Cmd + Shift + C
|
|
Show or hide the drawer DevTools
|
Esc
|
Esc
|
|
Reload the page DevTools
|
F5
|
Cmd + R
|
|
Reload the page without the cache DevTools
|
Ctrl + F5
|
Cmd + Shift + R
|
|
Focus the Console DevTools
|
Ctrl + `
|
Ctrl + `
|
Files and printing
6 shortcuts
| Action |
Windows |
Mac |
|
Open the last used DevTools panel Chrome
|
F12
|
Cmd + Option + I
|
|
Open the Console panel Chrome
|
Ctrl + Shift + J
|
Cmd + Option + J
|
|
Open the command menu DevTools
|
Ctrl + Shift + P
|
Cmd + Shift + P
|
|
Open a file in the Sources panel DevTools
|
Ctrl + P
|
Cmd + P
|
|
Save changes to the file Sources panel
|
Ctrl + S
|
Cmd + S
|
|
Save every change Sources panel
|
Ctrl + Alt + S
|
Cmd + Option + S
|
Formulas and data
1 shortcut
| Action |
Windows |
Mac |
|
Pause or resume script execution Sources panel
|
F8
|
F8
|
Navigation
9 shortcuts
| Action |
Windows |
Mac |
|
Focus the next panel DevTools
|
Ctrl + ]
|
Cmd + ]
|
|
Focus the previous panel DevTools
|
Ctrl + [
|
Cmd + [
|
|
Switch back to the last docking position DevTools
|
Ctrl + Shift + D
|
Cmd + Shift + D
|
|
Step over the next function call Sources panel
|
F10
|
F10
|
|
Step into the next function call Sources panel
|
F11
|
F11
|
|
Go to a line Sources panel
|
Ctrl + G
|
Ctrl + G
|
|
Go to a function or rule set Sources panel
|
Ctrl + Shift + O
|
Cmd + Shift + O
|
|
Go to the matching bracket Code editor
|
Ctrl + M
|
Ctrl + M
|
|
Start or stop recording network activity Network panel
|
Ctrl + E
|
Cmd + E
|
Paragraphs and lists
2 shortcuts
| Action |
Windows |
Mac |
|
Add or remove a line breakpoint Code editor
|
Ctrl + B
|
Cmd + B
|
|
Add a new line to the Console input Console panel
|
Shift + Enter
|
Shift + Return
|
Search
2 shortcuts
| Action |
Windows |
Mac |
|
Search within the current panel DevTools
|
Ctrl + F
|
Cmd + F
|
|
Search across every loaded resource DevTools
|
Ctrl + Shift + F
|
Cmd + Option + F
|
Selection
3 shortcuts
| Action |
Windows |
Mac |
|
Hide the selected element Elements panel
|
H
|
H
|
|
Select the next occurrence of the word Code editor
|
Ctrl + D
|
Cmd + D
|
|
Replay the selected request Network panel
|
R
|
R
|
System
1 shortcut
| Action |
Windows |
Mac |
|
Show the DevTools settings DevTools
|
?
|
?
|
Tabs and windows
1 shortcut
| Action |
Windows |
Mac |
|
Close the active editor tab Sources panel
|
Alt + W
|
Option + W
|
View and zoom
11 shortcuts
| Action |
Windows |
Mac |
|
Zoom DevTools out DevTools
|
Ctrl + -
|
Cmd + -
|
|
Restore the default DevTools zoom DevTools
|
Ctrl + 0
|
Cmd + 0
|
|
Undo a change in Elements Elements panel
|
Ctrl + Z
|
Cmd + Z
|
|
Redo a change in Elements Elements panel
|
Ctrl + Y
|
Cmd + Shift + Z
|
|
Edit the element as HTML Elements panel
|
F2
|
·
Not documented
|
|
Step out of the current function Sources panel
|
Shift + F11
|
Shift + F11
|
|
Show or hide the navigation sidebar Sources panel
|
Ctrl + Shift + Y
|
Cmd + Shift + Y
|
|
Show or hide the debugger sidebar Sources panel
|
Ctrl + Shift + H
|
Cmd + Shift + H
|
|
Clear the Console Console panel
|
Ctrl + L
|
Cmd + K
|
|
Run the Console input Console panel
|
Enter
|
Return
|
|
Replay a recording Recorder panel
|
Ctrl + Enter
|
Cmd + Enter
|
From Shortivo at https://shortivo.net/platforms/chrome-devtools/. A dot means the maker does not document a key for that system. Nothing on this sheet was converted from one system to another.