Chrome Developer Tools

Enjoy this cheat sheet at its fullest within Dash, the macOS documentation browser.

Tools

CMD+OPTION+U

View source

CMD+OPTION+I

Developers tools

CMD+OPTION+J

Command palette

All Panels

CMD+[

Go to the panel to the left

CMD+]

Go to the panel to the right

CMD+OPTION+[

Go back in panel history

CMD+OPTION+]

Go forward in panel history

CMD+1-9

Jump to panel 1-9

CTRL+~

Show console

CMD+R

Refresh the page

CMD+SHIFT+R

Refresh the page ignoring cached content

CMD+F

Search

CMD+OPTION+F

Search across all sources

CMD+O

Search by filename

CMD+SHIFT+C

Select node to inspect

CMD+O

Go to source

CMD+G

Find next

CMD+SHIFT+G

Find previous

CTRL+G

Go to line

F1

SHIFT+?

Show general settings

Esc

Hide general settings

Console

CMD+K

CTRL+L

Clear console

Tab

Next suggestion

SHIFT+Tab

Previous suggestion

Arrow Right

Accept suggestion

OPTION+N

Next command

OPTION+P

Previous command

CTRL+Return

Multi-line entry

Return

Execute

Elements Panel

Arrow Up

Arrow Down

Navigate elements

Arrow Right

Expand node

Arrow Left

Collapse node

Return

Edit attribute

H

Hide element

F2

Toggle edit as HTML

Styles Pane

Click

Edit rule

Click on whitespace

Insert new property

Tab

Edit next property

SHIFT+Tab

Edit previous property

Arrow Up

Increment value by 1

Arrow Down

Decrement value by 1

SHIFT+Arrow Up

Increment value by 10

SHIFT+Arrow Down

Decrement value by 10

SHIFT+Page Up

Increment value by 100

SHIFT+Page Down

Decrement value by 100

OPTION+Arrow Up

Increment value by 0.1

OPTION+Arrow Down

Decrement value by 0.1

Sources Panel

F8

Pause or continue

F10

Step over

F11

CMD+;

Step into

CMD+F11

Step into selection

SHIFT+F11

CMD+SHIFT+;

Step out

CTRL+.

Next call frame

CTRL+,

Previous call frame

CTRL+SHIFT+E

Evaluate selection in console

CTRL+SHIFT+A

Add selection to watch

CMD+SHIFT+O

Go to member

CMD+B

Toggle breakpoint

CMD+/

Toggle comment

OPTION+Arrow Up

Increment CSS unit by 1

OPTION+Arrow Down

Decrement CSS unit by 1

OPTION+Page Up

Increment CSS unit by 10

OPTION+Page Down

Decrement CSS unit by 10

Timeline Panel

CMD+E

Start or stop recording

CMD+S

Save timeline data

CMD+O

Load timeline data

Profiles Panel

CMD+E

Start or stop recording

Notes