Chrome DevTools Keyboard Shortcuts
120 shortcuts to debug web applications faster — the complete Chrome DevTools keyboard shortcut reference
Built by Google, Chrome DevTools provides a full-featured environment to debug web applications. It is a staple in the browsers space.
Learning keyboard shortcuts in Chrome DevTools can dramatically speed up repetitive tasks and free you to focus on the creative work that matters.
macOS
Windows
Linux
120 shortcuts
13 categories
Show shortcuts for:
Jump to Section (13 sections)
Opening DevTools 5 shortcuts
Open whatever panel you used last
Opt +Cmd +I F12 F12
Open whatever panel you used last
N/A Ctrl +Shift +I Ctrl +Shift +I
Open the Console panel
Opt +Cmd +J Ctrl +Shift +J Ctrl +Shift +J
Open the Elements panel
Shift +Cmd +C Ctrl +Shift +C Ctrl +Shift +C
Open the Elements panel
Opt +Cmd +C N/A N/A
Global 21 shortcuts
Show Settings
? ? ?
Show Settings
Fn +F1 F1 F1
Focus the next panel
Cmd +] Ctrl +] Ctrl +]
Focus the previous panel
Cmd +[ Ctrl +[ Ctrl +[
Switch back to the last docking position
Shift +Cmd +D Ctrl +Shift +D Ctrl +Shift +D
Toggle Device Mode
Shift +Cmd +M Ctrl +Shift +M Ctrl +Shift +M
Toggle Inspect Element Mode
Shift +Cmd +C Ctrl +Shift +C Ctrl +Shift +C
Open the Command Menu
Shift +Cmd +P Ctrl +Shift +P Ctrl +Shift +P
Toggle the Drawer
Esc Esc Esc
Normal reload
Cmd +R F5 F5
Normal reload
N/A Ctrl +R Ctrl +R
Hard reload
Shift +Cmd +R Ctrl +F5 Ctrl +F5
Hard reload
N/A Ctrl +Shift +R Ctrl +Shift +R
Search for text within the current panel
Cmd +F Ctrl +F Ctrl +F
Opens the Search tab in the Drawer
Opt +Cmd +F Ctrl +Shift +F Ctrl +Shift +F
Open a file in the Sources panel
Cmd +O Ctrl +O Ctrl +O
Open a file in the Sources panel
Cmd +P Ctrl +P Ctrl +P
Zoom in
Shift +Cmd ++ Ctrl +Shift ++ Ctrl +Shift ++
Zoom out
Cmd +- Ctrl +- Ctrl +-
Restore default zoom level
Cmd +0 Ctrl +0 Ctrl +0
Run snippet
Cmd +O +Enter Ctrl +O +Enter Ctrl +O +Enter
Elements Panel 12 shortcuts
Undo change
Cmd +Z Ctrl +Z Ctrl +Z
Redo change
Shift +Cmd +Z Ctrl +Y Ctrl +Y
Select the element above / below the currently-selected element
Up Up Up
Select the element above / below the currently-selected element
Down Down Down
Expand the currently-selected node. If the node is already expanded, this shortcut selects the element below it
Right Right Right
Collapse the currently-selected node. If the node is already collapsed, this shortcut selects the element above it
Left Left Left
Expand or collapse the currently-selected node and all of its children
Opt +Right Ctrl +Alt +Right Ctrl +Alt +Right
Toggle Edit Attributes mode on the currently-selected element
Enter Enter Enter
Select the next / previous attribute after entering Edit Attributes mode
Tab Tab Tab
Select the next / previous attribute after entering Edit Attributes mode
Shift +Tab Shift +Tab Shift +Tab
Hide the currently-selected element
H H H
Toggle Edit as HTML mode on the currently-selected element
Fn +F2 F2 F2
Styles Pane 15 shortcuts
Go to the line where a property value is declared
Cmd +mouse click Ctrl +mouse click Ctrl +mouse click
Cycle through the CSS rules / Increment / decrement a property value by 1 / Increment / decrement an angle value by 1
Up Up Up
Cycle through the CSS rules / Increment / decrement a property value by 1 / Increment / decrement an angle value by 1
Down Down Down
Cycle through the properties and the controls in property values within a CSS rule
Left Left Left
Cycle through the properties and the controls in property values within a CSS rule
Right Right Right
Open the CSS value tooltip when focusing a function in a property value / Increment / decrement a property value by 0.1
Opt +Down Alt +Down Alt +Down
Cycle through the degrees (deg), gradians (grad), radians (rad) and turns (turn) representations of an angle value
Shift +mouse click Shift +mouse click Shift +mouse click
Edit the next / previous property or value
Tab Tab Tab
Edit the next / previous property or value
Shift +Tab Shift +Tab Shift +Tab
Increment / decrement a property value by 0.1
Opt +Up Alt +Up Alt +Up
Increment / decrement a property value by 10 / Increment / decrement an angle value by 10
Shift +Up Shift +Up Shift +Up
Increment / decrement a property value by 10 / Increment / decrement an angle value by 10
Shift +Down Shift +Down Shift +Down
Increment / decrement a property value by 100
Cmd +Up Ctrl +Up Ctrl +Up
Increment / decrement a property value by 100
Cmd +Down Ctrl +Down Ctrl +Down
Increment / decrement an angle value by 15
Shift +mouse slide on the Angle Clock Overlay Shift +mouse slide on the Angle Clock Overlay Shift +mouse slide on the Angle Clock Overlay
Sources Panel 22 shortcuts
Pause script execution (if currently running) or resume (if currently paused)
F8 F8 F8
Pause script execution (if currently running) or resume (if currently paused)
Cmd +\ Ctrl +\ Ctrl +\
Step over next function call
F10 F10 F10
Step over next function call
Cmd +' Ctrl +' Ctrl +'
Step into next function call
F11 F11 F11
Step into next function call
Cmd +; Ctrl +; Ctrl +;
Step out of current function
Shift +F11 Shift +F11 Shift +F11
Step out of current function
Shift +Cmd +; Ctrl +Shift +; Ctrl +Shift +;
Continue to a certain line of code while paused
Cmd +mouse click Ctrl +mouse click Ctrl +mouse click
Select the call frame below / above the currently-selected frame
Ctrl +. Ctrl +. Ctrl +.
Select the call frame below / above the currently-selected frame
Ctrl +, Ctrl +, Ctrl +,
Save changes to local modifications
Cmd +S Ctrl +S Ctrl +S
Save all changes
Opt +Cmd +S Ctrl +Alt +S Ctrl +Alt +S
Go to line
Ctrl +G Ctrl +G Ctrl +G
Jump to a line number of the currently-open file
Cmd +O +: +number +Enter Ctrl +O +: +number +Enter Ctrl +O +: +number +Enter
Jump to a column of the currently-open file
Cmd +O +: +number +: +number +Enter Ctrl +O +: +number +: +number +Enter Ctrl +O +: +number +: +number +Enter
Go to a function declaration (if currently-open file is HTML or a script), or a rule set (if currently-open file is a stylesheet)
Shift +Cmd +O Ctrl +Shift +O Ctrl +Shift +O
Close the active tab
Opt +W Alt +W Alt +W
Open next or previous tab
Cmd +Fn +Up Ctrl +PageUp Ctrl +PageUp
Open next or previous tab
Cmd +Fn +Down Ctrl +PageDown Ctrl +PageDown
Toggle the Navigation sidebar on the left
Shift +Cmd +Y Ctrl +Shift +Y Ctrl +Shift +Y
Toggle the Debugger sidebar on the right
Shift +Cmd +H Ctrl +Shift +H Ctrl +Shift +H
Code Editor 9 shortcuts
Delete all characters in the last word, up to the cursor
Opt +Delete Ctrl +Delete Ctrl +Delete
Add or remove a line-of-code breakpoint
Cmd +B Ctrl +B Ctrl +B
Open the breakpoint edit dialog
Opt +Cmd +B Ctrl +Alt +B Ctrl +Alt +B
Open the conditional breakpoint dialog
Cmd +mouse click Ctrl +mouse click Ctrl +mouse click
Open the logpoint dialog
Shift +Cmd +mouse click Ctrl +Shift +mouse click Ctrl +Shift +mouse click
Go to matching bracket
Ctrl +M Ctrl +M Ctrl +M
Toggle single-line comment
Cmd +/ Ctrl +/ Ctrl +/
Select / de-select the next occurrence of whatever word the cursor is on
Cmd +D Ctrl +D Ctrl +D
Select / de-select the next occurrence of whatever word the cursor is on
Cmd +U Ctrl +U Ctrl +U
Network Panel 5 shortcuts
Search headers, payloads, and responses
Cmd +F Ctrl +F Ctrl +F
Start / stop recording
Cmd +E Ctrl +E Ctrl +E
Record a reload
Cmd +R Ctrl +R Ctrl +R
Replay a selected XHR request
R R R
Hide the details of a selected request
Esc Esc Esc
Performance Panel 3 shortcuts
Start / stop recording
Cmd +E Ctrl +E Ctrl +E
Save recording
Cmd +S Ctrl +S Ctrl +S
Load recording
Cmd +O Ctrl +O Ctrl +O
Memory Panel 1 shortcut
Start / stop recording
Cmd +E Ctrl +E Ctrl +E
Console Panel 12 shortcuts
Accept autocomplete suggestion
Right Right Right
Accept autocomplete suggestion
Tab Tab Tab
Reject autocomplete suggestion
Esc Esc Esc
Navigate the autocomplete list up or down / Get previous statement
Up Up Up
Navigate the autocomplete list up or down / Get next statement
Down Down Down
Navigate the autocomplete list up or down
Ctrl +P Ctrl +P Ctrl +P
Navigate the autocomplete list up or down
Ctrl +N Ctrl +N Ctrl +N
Focus the Console
Ctrl +` Ctrl +` Ctrl +`
Clear the Console
Cmd +K Ctrl +L Ctrl +L
Clear the Console
Opt +L Ctrl +L Ctrl +L
Force a multi-line entry. Note that DevTools should detect multi-line scenarios by default, so this shortcut is now usually unnecessary
Shift +Enter Shift +Enter Shift +Enter
Execute
Enter Enter Enter
Search Tab 2 shortcuts
Expand/collapse all search results
Opt +Cmd +[ Ctrl +Shift +[ Ctrl +Shift +[
Expand/collapse all search results
Opt +Cmd +] Ctrl +Shift +] Ctrl +Shift +]
Recorder Panel 4 shortcuts
Start or stop recording
Cmd +E Ctrl +E Ctrl +E
Replay recording
Cmd +Enter Ctrl +Enter Ctrl +Enter
Copy recording or selected step
Cmd +C Ctrl +C Ctrl +C
Toggle code view
Cmd +B Ctrl +B Ctrl +B
Layers Panel 9 shortcuts
Move the diagram along the X and Y axes
W W W
Move the diagram along the X and Y axes
A A A
Move the diagram along the X and Y axes
S S S
Move the diagram along the X and Y axes
D D D
Toggle pan mode
X X X
Toggle rotate mode
V V V
Reset the diagram's position and rotation
0 0 0
Zoom in on the diagram
Shift ++ Shift ++ Shift ++
Zoom out of the diagram
Shift +- Shift +- Shift +-
We've Built 10s Of 1000s Of Keyboard Shortcuts Into The BuildBox Macropad
The BuildBox Macropad is the ultimate shortcut machine. One device with up to 160 configurable shortcuts for apps like Chrome DevTools available at your fingertips, a crystal clear display showing what every key does, and a hall-effect scroll wheel for scrubbing through video, audio and graphic editing applications like butter!
Drop your email below to be eligible for our first production run of 500 BuildBox units, at a HUGE discount price: