Web Inspector Reference Keyboard Shortcuts

Contents

Appearance
Searching
Tree Outlines
Text Editor
Content Browser
Quick Console
Tab Navigation
Elements Tab
Sources Tab
Timelines Tab
Graphics Tab
Audit Tab
Console Tab
Search Tab
Settings Tab

Web Inspector
Open / Close Web Inspector	`⌥` `⌘` `I`
Connect / Disconnect Web Inspector	`⌥` `⇧` `⌘` `I`
Go to file or resource…	`⇧` `⌘` `O` or `⌘` `P`

Reload
Reload inspected page	`⌘` `R`
Reload inspected page from origin	`⌥` `⌘` `R`

Appearance

Docking Configuration
Switch to previous docking configuration	`⇧` `⌘` `D`

Zoom
Increase zoom	`⌘` `+` or `⇧` `⌘` `+`
Decrease zoom	`⌘` `-` or `⇧` `⌘` `-`
Reset zoom	`⌘` `0`

Searching

Find Banner
Show find banner	`⌘` `F`
Populate find from selection	`⌘` `E`
When focused
Hide find banner	`esc`
Left-to-Right mode
Find next ( )	`⌘` `G`
Find previous ( )	`⇧` `⌘` `G`
Right-to-left mode
Find next ( )	`⌘` `G`
Find previous ( )	`⇧` `⌘` `G`

Search Tab
Search all files and resources	`⇧` `⌘` `F`

Tree Outlines

Navigation
Go to previous sibling	`↑`
Go to next sibling	`↓`
If the selected tree element is expanded
Go to first child	`→`
Collapse children	`←`
Recursively collapse children	`⌥` `←`
If the selected tree element is collapsed
Expand children	`→`
Go to parent	`←`
Recursively expand parent	`⌥` `→`
If the selected tree element can be disabled
Disable / Enable	`space`
If the selected tree element can be edited
Start editing	`enter`
If the selected tree element can be removed
Remove	`delete`

Text Editor

Editing
Undo	`⌘` `Z`
Redo	`⇧` `⌘` `Z`
Copy	`⌘` `C`
Cut	`⌘` `X`
Paste	`⌘` `V`
Select all	`⌘` `A`
Comment / Uncomment line	`⌘` `/`

Navigation
Go to line…	`⌃` `G`
Go to next character	`→`
Go to previous character	`←`
Go to next word	`⌥` `→`
Go to previous word	`⌥` `←`
Go to the beginning of the line	`⌘` `←` or `⌃` `A`
Go to the end of the line	`⌘` `→` or `⌃` `E`
Go to the next line	`↓`
Go to the previous line	`↑`
Go to the beginning of the file	`⌘` `↑` or `⌃` `↑`
Go to the end of the file	`⌘` `↓` or `⌃` `↓`

Selection
Select next character	`⇧` `→`
Select previous character	`⇧` `←`
Select next word	`⇧` `⌥` `→`
Select previous word	`⇧` `⌥` `←`
Select to the beginning of the line	`⇧` `⌘` `←` or `⇧` `⌃` `A`
Select to the end of the line	`⇧` `⌘` `→` or `⇧` `⌃` `E`
Select to the next line	`⇧` `↓`
Select to the previous line	`⇧` `↑`
Select to the beginning of the file	`⇧` `⌘` `↑` or `⇧` `⌃` `↑`
Select to the end of the file	`⇧` `⌘` `↓` or `⇧` `⌃` `↓`
Select next occurrence of current selection	`⌘` `D`

Number Manipulation
`+1`	`⌥` `↑`
`-1`	`⌥` `↓`
`+10`	`⇧` `⌥` `↑`
`-10`	`⇧` `⌥` `↓`
Drag to adjust	`⌥` drag

Content Browser

Saving
Save	`⌘` `S`
Save As…	`⇧` `⌘` `S`

Navigation
Left-to-Right mode
Back ( )	`⌃` `⌘` `←`
Forward ( )	`⌃` `⌘` `→`
Right-to-Left mode
Back ( )	`⌃` `⌘` `→`
Forward ( )	`⌃` `⌘` `←`

Sidebars
Left-to-Right mode
Show / Hide Navigation Sidebar ( / )	`⇧` `⌘` `0`
Show / Hide Details Sidebar ( / )	`⌥` `⌘` `0`
Right-to-left mode
Show / Hide Navigation Sidebar ( / )	`⇧` `⌘` `0`
Show / Hide Details Sidebar ( / )	`⌥` `⌘` `0`

Quick Console

Navigation
Focus Console Prompt	`esc` or `⌃` `
Expand / Collapse Quick Console ( / )	`esc`

Message Log
Clear Console ( )	`⌘` `K` or `⌃` `L`

Selection
Select all messages	`⌘` `A`
Clear selection	`esc`

Tab Navigation

Jump to Tab Position
First tab	`⌥` `⌘` `1`
Second tab	`⌥` `⌘` `2`
Third tab	`⌥` `⌘` `3`
Fourth tab	`⌥` `⌘` `4`
Fifth tab	`⌥` `⌘` `5`
Sixth tab	`⌥` `⌘` `6`
Seventh tab	`⌥` `⌘` `7`
Eighth tab	`⌥` `⌘` `8`
Ninth tab	`⌥` `⌘` `9`
Left-to-Right mode
Show next tab	`⇧` `⌘` `}` or `⌃` `tab` or `⇧` `⌘` `→`
Show previous tab	`⇧` `⌘` `{` or `⌃` `⇧` `tab` or `⇧` `⌘` `←`
Right-to-Left mode
Show next tab	`⇧` `⌘` `{` or `⌃` `⇧` `tab` or `⇧` `⌘` `←`
Show previous tab	`⇧` `⌘` `}` or `⌃` `tab` or `⇧` `⌘` `→`

Elements Tab

DOM Tree
Start / Stop element selection ( / )	`⇧` `⌘` `C`
With one selected node
Copy node	`⌘` `C`
Paste node	`⌘` `V`
With one or more selected nodes
Hide selected element(s)	`H`
Remove element(s)	`delete`

Styles panel
Save	`⌘` `S`
Save As…	`⇧` `⌘` `S`
Comment / Uncomment CSS declaration	`⌘` `/`
Toggle completions menu	`⌃` `space`
Show in Sources Tab	`⌘` click
When the cursor is on a number
`+1`	`↑`
`-1`	`↓`
`+0.1`	`⌥` `↑`
`-0.1`	`⌥` `↓`
`+10`	`⇧` `↑`
`-10`	`⇧` `↓`
`+100`	`⌘` `↑`
`-100`	`⌘` `↓`

Sources Tab

Navigation
Show Sources Tab	`⌥` `⌘` `A`
Show inspected page source	`⌥` `⌘` `U`

Debugger
Disable / Enable breakpoints ( / )	`⌘` `Y`
Pause / Resume ( / )	`⌃` `⌘` `Y` or `⌘` `\`
When paused
Step over ( )	`⌘` `‘` or `F6`
Step into ( )	`⌘` `;` or `F7`
Step out ( )	`⇧` `⌘` `;` or `F8`
Step ( )	`⇧` `⌘` `‘` or `F9`

Console Snippets
Run selected Console Snippet	`space` or `enter`

Timelines Tab

Recording
Start / Stop recording ( / )	`space` or `⌥` `⇧` `⌘` `T`
Start new recording ( shift- )	`⇧` `space`
Clear active recording ( )	`⌘` `K`

Graphics Tab

Recording
Start / Stop canvas recording ( / )	`space`
Start single frame canvas recording ( shift- )	`⇧` `space`

Audit Tab

Running Audits
Start / Stop running selected audit ( / )	`space`

Console Tab

Navigation
Open Console Tab	`⌥` `⌘` `C`

Search Tab

Navigation
Search all files and resources	`⇧` `⌘` `F`

Settings Tab

Navigation
Open Settings Tab	`⌘` `,`

Updated for Safari Technology Preview 156. Try it out for the latest Web Inspector features, including all of the above and more.

Written March 5, 2020 by Brian Burg, Devin Rousso, Joseph Pecoraro, and Timothy Hatcher

Last updated October 31, 2022 by Devin Rousso