Keyboard and Mouse Shortcuts

There are a number of mouse and keyboard shortcuts in Web Inspector. These can be significant time savers if you use Web Inspector frequently.

General Shortcuts

Mac

Windows

Toggle Web Inspector

Command-Option-I

Ctrl-Alt-I

Show Console

Command-Option-C

Ctrl-Alt-C

Toggle Profiling JavaScript

Command-Option-Shift-P

Ctrl-Alt-P

Web Inspector Shortcuts

Mac

Windows

Resource navigator

Control-1

Ctrl-1

Storage navigator

Control-2

Ctrl-2

Instrument navigator

Control-3

Ctrl-3

Search navigator

Control-4

Ctrl-4

Issue navigator

Control-5

Ctrl-5

Debug navigator

Control-6

Ctrl-6

Breakpoint navigator

Control-7

Ctrl-7

Log navigator

Control-8

Ctrl-8

Resource details

Control-Shift-1

Ctrl-Shift-1

Node details

Control-Shift-2

Ctrl-Shift-2

Style details

Control-Shift-3

Ctrl-Shift-3

Appearance details

Control-Shift-4

Ctrl-Shift-4

Quick Console

Esc

Esc

Console Shortcuts

Mac

Windows

Accept Suggestion (auto-completion)

Tab or Right Arrow

Tab or Right Arrow

Next Line / Command

Down Arrow

Down Arrow

Previous Line / Command

Up Arrow

Up Arrow

Next Command

Control-N

Previous Command

Control-P

Clear History

Command-K or Control-L

Ctrl-L

Execute

Return

Enter

DOM Tree Shortcuts

Mac

Windows

Navigate

Up and Down Arrows

Up and Down Arrows

Expand / Collapse

Left and Right Arrows

Left and Right Arrows

Edit Node

Return

Enter

Expand

Double-click tag

Double-click tag

Edit Attribute

Double-click attribute or tab to next attribute

Double-click attribute or tab to next attribute

Add Attribute

Tab past last attribute

Tab past last attribute

Style Details Shortcuts

Mac

Windows

Edit Rule

Double-click

Double-click

Next / Prev Property

Tab / Shift-Tab

Tab / Shift-Tab

Insert New Property

Double-click whitespace

Double-click whitespace

Increment / Decrement Value

Up and Down Arrows

Up and Down Arrows

Increment / Decrement by 0.1

Option-Up and Option-Down Arrows

Alt-Up and Alt-Down Arrows

Increment / Decrement by 10

Shift-Up and Shift-Down Arrows, or PgUp and PgDn

Shift-Up and Shift-Down Arrows, or PgUp and PgDn

Increment / Decrement by 100

Shift-PgUp and Shift-PgDn

Shift-PgUp and Shift-PgDn

Debugger Shortcuts

Mac

Windows

Step Out

F8 or Command-Shift-;

F8 or Ctrl-Shift-;

Step Into

F7 or Command-;

F7 or Ctrl-;

Step Over

F6 or Command-’

F6 or Ctrl-’

Continue

Command-/ or Command-Shift-Y

Ctrl-/ or Ctrl-Shift-Y

Toggle Breakpoint

Click line number

Click line number


Did this document help you? Yes It's good, but... Not helpful...