Learn Chrome Developer Tools keyboard shortcuts
Practice Chrome Developer Tools 2025 keyboard shortcuts with timed drills. Memorize all 58 hotkeys and keybindings faster through interactive exercises.
Top shortcuts
- Ctrl+Shift+I — Open whatever panel you used last
- Ctrl+Shift+J — Open the Console panel
- Ctrl+Shift+C — Open the Elements panel
- F1 — Show Settings
- Ctrl+BracketRight — Focus the next panel
- Ctrl+BracketLeft — 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
- Escape — Toggle the Drawer
- Ctrl+R — Normal reload
- Ctrl+Shift+R — Hard reload
- Ctrl+F — Search for text within the current panel
- Ctrl+Shift+F — Opens the Search tab in the Drawer
- Ctrl+P — Open a file in the Sources panel
- Ctrl+Minus — Zoom out
- Ctrl+0 — Restore default zoom level
- Ctrl+Z — Undo change
- Ctrl+Y — Redo change
- ArrowRight — Expand the currently-selected node
- ArrowLeft — Collapse the currently-selected node
- Enter — Toggle Edit Attributes mode on the currently-selected element
- Tab — Select the next attribute after entering Edit Attributes mode
- Shift+Tab — Select the previous attribute after entering Edit Attributes mode
- H — Hide the currently-selected element
- F2 — Toggle Edit as HTML mode on the currently-selected element
- Ctrl+Backslash — Pause script execution (if running), or resume (if paused)
- Ctrl+Quote — Step over next function call
- Ctrl+Semicolon — Step into next function call
Other Code & Text apps
Related pages