=============================================
Chrome DevTools keyboard shortcuts (filtered)
=============================================

First published at 11/17/2017 on
https://defkey.com/chrome-devtools-shortcuts

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.



Opening DevTools
----------------

F12                     Open whatever panel you used last
Ctrl + Shift + I        Open whatever panel you used last
Ctrl + Shift + J        Open the Console panel


Global shortcuts
----------------

These shortcuts are available in most DevTools panels.

Ctrl + ]                Focus the next panel
Ctrl + [                Focus the previous panel
Ctrl + Shift + D        Switch back to whatever docking position you last used
Ctrl + Shift + M        Toggle Device Mode
Ctrl + Shift + C        Toggle Inspect Element mode
Ctrl + Shift + P        Open the Command Menu
Esc                     Toggle the drawer
F5                      Normal reload
Ctrl + F5               Hard reload
Ctrl + F                Search for text within the current panel
Ctrl + Shift + F        Open Search tab in the Drawer, which lets you search for text across all
loaded resources
Ctrl + O                Open a file in the Sources panel
Ctrl + Shift + +        Zoom in


Elements panel
--------------

Ctrl + Y                Redo change
Up arrow / Down arrow   Select the element above / below the currently-selected element
H                       Hide the currently selected element


Sources panel
-------------

F8                      Pause script execution or resume


Console panel
-------------

Source: Chrome DevTools Keyboard Shortcuts Reference


Last modified on (UTC): Monday, November 11, 2019
Defkey © All rights reserved.