Chrome DevTools keyboard shortcuts

Chrome DevTools  

Zeynel Abidin Öztürk -
5 years ago
- Shortcuts
1
F12

Open whatever panel you used last

1
or Ctrl + ↑   Shift + I
0
Ctrl + ↑   Shift + J

Open the Console panel

0
Ctrl + ↑   Shift + D

Switch back to whatever docking position you last used

0
Ctrl + ↑   Shift + M

Toggle Device Mode

0
Ctrl + ↑   Shift + C

Toggle Inspect Element mode

0
Ctrl + ↑   Shift + P

Open the Command Menu

0
Esc

Toggle the drawer

0
F5

Normal reload

0
Ctrl + F5

Hard reload

0
Ctrl + F

Search for text within the current panel

0
Ctrl + ↑   Shift + F

Open Search tab in the Drawer, which lets you search for text across all loaded resources

0
Ctrl + 0

Restore default zoom level

0
Ctrl + Y

Redo change

0
↑  ↓

Select the element above / below the currently-selected element

0

Collapse the currently-selected node. If the node is already expanded, this shortcut selects the element above it

0
H

Hide the currently selected element

0
F8

Pause script execution or resume

0
Ctrl + M

Go to matching bracket

0

Accept autocomplete suggestion

Hold Alt then click Expand to expand all sub-properties of an object that's been logged to the console.

Share this page on:
Is this page helpful?
0 0

Program information

Program name: Chrome DevTools Chrome DevTools (Developer tools)

Chrome DevTools are web debugging tools integrated to Google Chrome web browser. Those tools are used by web developers to access and ispect inner workings of a website, find issues, get ideas to optimize code etc.

Web page: developers.google.com

Last update: 11/11/2019 8:10 PM UTC

How easy to press shortcuts: 81%

More information >>

Shortcut count: 79

Platform detected: Windows or Linux (not macOS)

Similar programs



Advertisement

Join our mailing list!

Your email is kept private and we don't spam.