dylarcher/global-accesskeys.md

## global-accesskeys.md

      
    Raw
  

              global-accesskeys.md
            
          
    Chrome DevTools Keyboard Shortcuts Reference

Complete reference for Chrome DevTools keyboard shortcuts, organized by category.
table of Contents


Opening DevTools
Global Shortcuts
Elements Panel
Console Panel
Sources Panel
Performance Panel
Network Panel
Memory Panel
Lighthouse Panel


Opening DevTools


Action
Windows/Linux
Mac


Open last panel used
F12 ^_^✚⇧_^✚I
⌘_^✚⌥_^✚I


Open Console panel
^_^✚⇧_^✚J
⌘_^✚⌥_^✚J


Open Elements panel
^_^✚⇧_^✚C
⌘_^✚⇧_^✚C ⌘_^✚⌥_^✚C


Global Shortcuts


Action
Windows/Linux
Mac


Show Settings
F1 ?
F1 ?


Focus next panel
^_^✚]
⌘_^✚]


Focus previous panel
^_^✚[
⌘_^✚[


Switch to panel 1-9
^_^✚1 ^_^✚2 ^_^✚3 ^_^✚4 ^_^✚5 ^_^✚6 ^_^✚7 ^_^✚8 ^_^✚9
⌘_^✚1 ⌘_^✚2 ⌘_^✚3 ⌘_^✚4 ⌘_^✚5 ⌘_^✚6 ⌘_^✚7 ⌘_^✚8 ⌘_^✚9


Toggle Console drawer
␛
␛


Refresh page
F5 ^_^✚R
⌘_^✚R


Hard refresh (clear cache)
^_^✚F5 ^_^✚⇧_^✚R
⌘_^✚⇧_^✚R


Search text in current panel
^_^✚F
⌘_^✚F


Search text across all sources
^_^✚⇧_^✚F
⌘_^✚⌥_^✚F


Open file in Sources
^_^✚O ^_^✚P
⌘_^✚O ⌘_^✚P


Zoom in
^_^✚_^✚
⌘_^✚⇧_^✚_^✚


Zoom out
^_^✚-
⌘_^✚⇧_^✚-


Restore default zoom
^_^✚0
⌘_^✚0


Run snippet
^_^✚↩
⌘_^✚↩


Toggle Device Mode
^_^✚⇧_^✚M
⌘_^✚⇧_^✚M


Toggle Inspect Element Mode
^_^✚⇧_^✚C
⌘_^✚⇧_^✚C


Open Command Menu
^_^✚⇧_^✚P
⌘_^✚⇧_^✚P


Toggle drawer
␛
␛


Normal reload
F5 ^_^✚R
⌘_^✚R


Hard reload
^_^✚⇧_^✚R
⌘_^✚⇧_^✚R


Elements Panel


Action
Windows/Linux
Mac


Undo change
^_^✚Z
⌘_^✚Z


Redo change
^_^✚Y
⌘_^✚⇧_^✚Z ⌘_^✚Y


Select element above
▲
▲


Select element below
▼
▼


Expand selected node
▶
▶


Collapse selected node
◀
◀


Expand/collapse node & children
(Hold) ⎇ & (Click)
(Hold) ⌥ & (Click)


Edit attribute
↩
↩


Select next/previous attribute
↹ ⇧_^✚↹
↹ ⇧_^✚↹


Hide selected element
H
H


Toggle edit as HTML
F2
F2


Go to line
^_^✚G
⌘_^✚L


Search by string, selector, XPath
^_^✚F
⌘_^✚F


Edit next attribute after search
↩
↩


Edit previous attribute after search
⇧_^✚↩
⇧_^✚↩


Styles Pane


Action
Windows/Linux
Mac


Go to line in value
^ & prop value (Select)
⌘ & prop value (Select)


Cycle through color formats
⇧ & 🎨 (Picker)
⇧ & 🎨 (Picker)


Select next/prev prop
↹ ⇧_^✚↹
↹ ⇧_^✚↹


Increment/decrement value
▲ ▼
▲ ▼


Increment/decrement by 10
⇧_^✚▲ ⇧_^✚▼
⇧_^✚▲ ⇧_^✚▼


Increment/decrement by 100
^_^✚▲ ^_^✚▼
⌘_^✚▲ ⌘_^✚▼


Increment/decrement by 0.1
⎇_^✚▲ ⎇_^✚▼
⌥_^✚▲ ⌥_^✚▼


Toggle declaration on/off
⎵ ☑ (Toggle)
⎵ ☑ (Toggle)


Console Panel


Action
Windows/Linux
Mac


Accept autocomplete suggestion
▶ ↹
▶ ↹


Reject autocomplete suggestion
␛
␛


Get previous statement
▲
▲


Get next statement
▼
▼


Focus Console
^_^✚`
^_^✚`


Clear Console
^_^✚L
⌘_^✚K ⌥_^✚L


Force multi-line entry
⇧_^✚↩
⇧_^✚↩


Execute
↩
↩


Expand all sub-properties
(Hold) ⎇ & (Click)
(Hold) ⌥ & (Click)


Sources Panel


Action
Windows/Linux
Mac


Pause/resume script
F8 ^_^✚\
F8 ⌘_^✚\


Step over next function call
F10 ^_^✚'
F10 ⌘_^✚'


Step into next function call
F11 ^_^✚;
F11 ⌘_^✚;


Step out of current function
⇧_^✚F11 ^_^✚⇧_^✚;
⇧_^✚F11 ⌘_^✚⇧_^✚;


Continue to line (while paused)
^ › line ⵌ (Click)
⌘ › line ⵌ (Click)


Select call frame below/above
^_^✚. ^_^✚,
^_^✚. ^_^✚,


Save changes to local modifications
^_^✚S
⌘_^✚S


Go to line
^_^✚G
⌘_^✚L


Jump to line of currently-open file
^_^✚O › :_^✚line ⵌ (Click)
⌘_^✚O › :_^✚line ⵌ (Click)


Jump to symbol (function, class, etc.)
^_^✚⇧_^✚O
⌘_^✚⇧_^✚O


Close active tab
⎇_^✚W
⌥_^✚W


Toggle breakpoint
^_^✚B / line ⵌ (Click)
⌘_^✚B / line ⵌ (Click)


Toggle conditional breakpoint
^_^✚⇧_^✚B
⌘_^✚⇧_^✚B


Edit breakpoint
▶ / line ⵌ (Click)
▶_^✚line ⵌ (Click)


Toggle comment on selected text
^_^✚/
⌘_^✚/


Code Editor


Action
Windows/Linux
Mac


Delete all characters in last word
^_^✚⌫
⌥_^✚⌫


Add/remove breakpoint
^_^✚B
⌘_^✚B


Go to matching bracket
^_^✚M
^_^✚M


Toggle single-line comment
^_^✚/
⌘_^✚/


Select next occurrence
^_^✚D
⌘_^✚D


Undo last selection
^_^✚U
⌘_^✚U


Performance Panel


Action
Windows/Linux
Mac


Start/stop recording
^_^✚E
⌘_^✚E


Save recording
^_^✚S
⌘_^✚S


Load recording
^_^✚O
⌘_^✚O


Network Panel


Action
Windows/Linux
Mac


Start/stop recording
^_^✚E
⌘_^✚E


Record page load
^_^✚R
⌘_^✚R


Replay XHR
R
R


Hide details of selected resource
␛
⎋


Memory Panel


Action
Windows/Linux
Mac


Start/stop recording
^_^✚E
⌘_^✚E


Lighthouse Panel


Action
Windows/Linux
Mac


Start/stop recording
^_^✚E
⌘_^✚E


Screenshots & Recording


Action
Windows/Linux
Mac


Take screenshot
(Open) Command Menu w/ ^_^✚⇧_^✚P & (Type) "screenshot"
(Open) Command Menu w/ ⌘_^✚⇧_^✚P & (Type) "screenshot"


Capture node screenshot
(Select) element, (Open) Command Menu, (Type) "Capture node screenshot"
(Select) element, (Open) Command Menu, (Type) "Capture node screenshot"


Capture full size screenshot
(Open) Command Menu, (Type) "Capture full size screenshot"
(Open) Command Menu, (Type) "Capture full size screenshot"


Tips


Command Menu:

Windows & Linux: ^_^✚⇧_^✚P
Mac: ⌘_^✚⇧_^✚P to access all DevTools features


Quick File Search:

Windows & Linux: ^_^✚P
Mac: ⌘_^✚P to quickly open files


Multi-cursor Editing:

Windows & Linux: ^
Mac: ⌘ & (Click) to add multiple cursors


Column Selection:

Windows & Linux: ⎇_^✚⇧
Mac: ⌥_^✚⇧ & (Drag) to select columns


Additional Resources


Official Chrome DevTools Documentation
DevTools Tips
Chrome DevTools Protocol


Last updated: Based on Chrome DevTools documentation
Additional Key Symbols:

⇤ ⇥ ⎗ ⎘ ⇞ ⇟ ⎚ ⎀ ⌦ ⌫ ☰ ⏻ ⎙ ➜] ⌕ ⌗ 🌐 ⟳ ◼ ⏯ ⏮ ⏭ ⏏ ⎌ ⌂ ✉ ⏾ ℹ ⏸ ⎊ ⇳ ⌨ ↤ ↦ ⎄ ▤ ⇭ ⇪ ✧ ◆ ⇮ ❖ ⌃ ⎈ ✚✚ ⎈ ↤ ↦ ⎄ ▤ ⇭ ⇪ ✦ ◆ ⇮ ❖ ⌃ ⏾ ℹ ⏸ ⎊ ⇳ ⌨ ⎌ ⏏ ⏯ ⏭ ⏮ ◼ ⟳ ➜] ⎙ ⎚ ⌦ ⎀ ⌫ ☰ 🌐 ⌕ ⌗ ⌂ ⇥ ⎗ ⎘ ⇞ ⇟ ✶ ⏲ ⚖ 🔴 🔵 ✏ 📝 🔍 🔎 🔄 ▶ 📱 🔍 📜 📦 🔄 🔁⍈ » ± ⛶ ▸ ⏺ ༝ ༝ Ꮺ 𖡎 ♾ ⛑ ℹ ♆ ➥ ☁︎ ℞ ➜ • ● ꕤ ‣ ♒︎ ♂ ᯤ ✍︎ ❁ ⏹ ⚖ ☮ ® ☃ Ⓜ ⛷ 🖱 ☠︎︎ ↪ ᐊ 𝒾 ▬ 𓋰 ♺ ✏ ✴ ✮ ⌖ 〇 ⊘ ⊝ ⚑ … × ✖ ✎ ♻ ☒ _^✚ ✙ ➤ ⨂ ✆ ✂ ⓘ 🜲 ━ ― — – ✮ ⊞ ♪ ⚒ ⛏ ♨ ☹ ☺ 〰 〽 ⛰ ✳ ⏲ ⛈ 𖤓 🇪 ⿻ ⨂ ᝰ ⇩ 𖠿 ⚠︎ • ⊘ ➤ ➛ • ᯓ ꜛ ⨾ ✈︎ 𓊍 ⌬ ⏺ ࿔ 𝄞 ⋮ ⁞ ୨ ୧ › · ☀︎ ⊹ ★ ꩜ ™ ♫ ☯︎ ☼ ◌ ༚ ▸ ༄ ࿇ 𐚁 𑁍 ⚜ ꕀ ▫ ▪ ⌯ ⌲ ⚕ × ⛴ ☎ ﹏ ∿ 𐙚 ﹏ ▬▬ ══ ─ _ ⬩ ❝ ⭑ ❛ ❜ « » ✶ ⛓ ⚡︎ # ↓ 𖦏 𑄝 ⨾ 𐂯 ⌞ ⌝ · ❯ ❯ ❯ ❯ 𐦂 𖨆 𐀪 𖠋 ⛐ ⟢ ❔ ✌︎︎ ⚙ ➠
— Unicode computing symbols
Action	Windows/Linux	Mac
Open last panel used	`F12` `^_^✚⇧_^✚I`	`⌘_^✚⌥_^✚I`
Open Console panel	`^_^✚⇧_^✚J`	`⌘_^✚⌥_^✚J`
Open Elements panel	`^_^✚⇧_^✚C`	`⌘_^✚⇧_^✚C` `⌘_^✚⌥_^✚C`
Action	Windows/Linux	Mac
Show Settings	`F1` `?`	`F1` `?`
Focus next panel	`^_^✚]`	`⌘_^✚]`
Focus previous panel	`^_^✚[`	`⌘_^✚[`
Switch to panel 1-9	`^_^✚1` `^_^✚2` `^_^✚3` `^_^✚4` `^_^✚5` `^_^✚6` `^_^✚7` `^_^✚8` `^_^✚9`	`⌘_^✚1` `⌘_^✚2` `⌘_^✚3` `⌘_^✚4` `⌘_^✚5` `⌘_^✚6` `⌘_^✚7` `⌘_^✚8` `⌘_^✚9`
Toggle Console drawer	`␛`	`␛`
Refresh page	`F5` `^_^✚R`	`⌘_^✚R`
Hard refresh (clear cache)	`^_^✚F5` `^_^✚⇧_^✚R`	`⌘_^✚⇧_^✚R`
Search text in current panel	`^_^✚F`	`⌘_^✚F`
Search text across all sources	`^_^✚⇧_^✚F`	`⌘_^✚⌥_^✚F`
Open file in Sources	`^_^✚O` `^_^✚P`	`⌘_^✚O` `⌘_^✚P`
Zoom in	`^_^✚_^✚`	`⌘_^✚⇧_^✚_^✚`
Zoom out	`^_^✚-`	`⌘_^✚⇧_^✚-`
Restore default zoom	`^_^✚0`	`⌘_^✚0`
Run snippet	`^_^✚↩`	`⌘_^✚↩`
Toggle Device Mode	`^_^✚⇧_^✚M`	`⌘_^✚⇧_^✚M`
Toggle Inspect Element Mode	`^_^✚⇧_^✚C`	`⌘_^✚⇧_^✚C`
Open Command Menu	`^_^✚⇧_^✚P`	`⌘_^✚⇧_^✚P`
Toggle drawer	`␛`	`␛`
Normal reload	`F5` `^_^✚R`	`⌘_^✚R`
Hard reload	`^_^✚⇧_^✚R`	`⌘_^✚⇧_^✚R`
Action	Windows/Linux	Mac
Undo change	`^_^✚Z`	`⌘_^✚Z`
Redo change	`^_^✚Y`	`⌘_^✚⇧_^✚Z` `⌘_^✚Y`
Select element above	`▲`	`▲`
Select element below	`▼`	`▼`
Expand selected node	`▶`	`▶`
Collapse selected node	`◀`	`◀`
Expand/collapse node & children	(Hold) `⎇` & (Click)	(Hold) `⌥` & (Click)
Edit attribute	`↩`	`↩`
Select next/previous attribute	`↹` `⇧_^✚↹`	`↹` `⇧_^✚↹`
Hide selected element	`H`	`H`
Toggle edit as HTML	`F2`	`F2`
Go to line	`^_^✚G`	`⌘_^✚L`
Search by string, selector, XPath	`^_^✚F`	`⌘_^✚F`
Edit next attribute after search	`↩`	`↩`
Edit previous attribute after search	`⇧_^✚↩`	`⇧_^✚↩`
Action	Windows/Linux	Mac
Go to line in value	`^` & prop value (Select)	`⌘` & prop value (Select)
Cycle through color formats	`⇧` & 🎨 (Picker)	`⇧` & 🎨 (Picker)
Select next/prev prop	`↹` `⇧_^✚↹`	`↹` `⇧_^✚↹`
Increment/decrement value	`▲` `▼`	`▲` `▼`
Increment/decrement by 10	`⇧_^✚▲` `⇧_^✚▼`	`⇧_^✚▲` `⇧_^✚▼`
Increment/decrement by 100	`^_^✚▲` `^_^✚▼`	`⌘_^✚▲` `⌘_^✚▼`
Increment/decrement by 0.1	`⎇_^✚▲` `⎇_^✚▼`	`⌥_^✚▲` `⌥_^✚▼`
Toggle declaration on/off	`⎵` ☑ (Toggle)	`⎵` ☑ (Toggle)
Action	Windows/Linux	Mac
Accept autocomplete suggestion	`▶` `↹`	`▶` `↹`
Reject autocomplete suggestion	`␛`	`␛`
Get previous statement	`▲`	`▲`
Get next statement	`▼`	`▼`
Focus Console	^_^✚`	^_^✚`
Clear Console	`^_^✚L`	`⌘_^✚K` `⌥_^✚L`
Force multi-line entry	`⇧_^✚↩`	`⇧_^✚↩`
Execute	`↩`	`↩`
Expand all sub-properties	(Hold) `⎇` & (Click)	(Hold) `⌥` & (Click)
Action	Windows/Linux	Mac
Pause/resume script	`F8` `^_^✚\`	`F8` `⌘_^✚\`
Step over next function call	`F10` `^_^✚'`	`F10` `⌘_^✚'`
Step into next function call	`F11` `^_^✚;`	`F11` `⌘_^✚;`
Step out of current function	`⇧_^✚F11` `^_^✚⇧_^✚;`	`⇧_^✚F11` `⌘_^✚⇧_^✚;`
Continue to line (while paused)	`^` › `line ⵌ` (Click)	`⌘` › `line ⵌ` (Click)
Select call frame below/above	`^_^✚.` `^_^✚,`	`^_^✚.` `^_^✚,`
Save changes to local modifications	`^_^✚S`	`⌘_^✚S`
Go to line	`^_^✚G`	`⌘_^✚L`
Jump to line of currently-open file	`^_^✚O` › `:_^✚line ⵌ` (Click)	`⌘_^✚O` › `:_^✚line ⵌ` (Click)
Jump to symbol (function, class, etc.)	`^_^✚⇧_^✚O`	`⌘_^✚⇧_^✚O`
Close active tab	`⎇_^✚W`	`⌥_^✚W`
Toggle breakpoint	`^_^✚B` / `line ⵌ` (Click)	`⌘_^✚B` / `line ⵌ` (Click)
Toggle conditional breakpoint	`^_^✚⇧_^✚B`	`⌘_^✚⇧_^✚B`
Edit breakpoint	`▶` / `line ⵌ` (Click)	`▶_^✚line ⵌ` (Click)
Toggle comment on selected text	`^_^✚/`	`⌘_^✚/`
Action	Windows/Linux	Mac
Delete all characters in last word	`^_^✚⌫`	`⌥_^✚⌫`
Add/remove breakpoint	`^_^✚B`	`⌘_^✚B`
Go to matching bracket	`^_^✚M`	`^_^✚M`
Toggle single-line comment	`^_^✚/`	`⌘_^✚/`
Select next occurrence	`^_^✚D`	`⌘_^✚D`
Undo last selection	`^_^✚U`	`⌘_^✚U`
Action	Windows/Linux	Mac
Start/stop recording	`^_^✚E`	`⌘_^✚E`
Save recording	`^_^✚S`	`⌘_^✚S`
Load recording	`^_^✚O`	`⌘_^✚O`
Action	Windows/Linux	Mac
Take screenshot	(Open) Command Menu w/ `^_^✚⇧_^✚P` & (Type) "screenshot"	(Open) Command Menu w/ `⌘_^✚⇧_^✚P` & (Type) "screenshot"
Capture node screenshot	(Select) element, (Open) Command Menu, (Type) "Capture node screenshot"	(Select) element, (Open) Command Menu, (Type) "Capture node screenshot"
Capture full size screenshot	(Open) Command Menu, (Type) "Capture full size screenshot"	(Open) Command Menu, (Type) "Capture full size screenshot"