Web Inspector ReferenceKeyboard Shortcuts

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

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 Sidebar Panel
Save  S
Save As…   S
Comment / Uncomment property  /
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

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. 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 September 8, 2020 by Devin Rousso