Chrome DevTools Keyboard Shortcuts Guide + Cheat Sheet

Whether you’re inspecting elements, debugging JavaScript, or tweaking CSS live in the browser, Chrome Developer Tools (DevTools) is a must-have for developers.

And if you’re using it often, learning the keyboard shortcuts can seriously speed up your workflow.

This guide covers the most useful DevTools shortcuts for Windows, Linux, and macOS, plus a downloadable cheat sheet for quick reference.

💡 How to Open Chrome Developer Tools

You can open DevTools in several ways. Here’s the fastest method:

1. Click anywhere on a webpage.
2. Press F12 or Ctrl + Shift + I (Windows/Linux) or Cmd + Option + I (Mac).
3. DevTools will open in a docked panel or separate window.

You can also right-click on any element and choose Inspect to jump directly to the Elements panel.

Global DevTools Shortcuts

F12 / Ctrl + Shift + I	Open DevTools
Ctrl + Shift + J	Open Console panel
Ctrl + Shift + C	Toggle Inspect Element mode
Ctrl + Shift + M	Toggle Device Mode (mobile view)
Ctrl + Shift + D	Switch dock position
Ctrl + ] / Ctrl + [	Cycle through panels
Ctrl + Shift + P	Open Command Menu
Esc	Toggle Drawer (bottom panel)

🔍 Navigation & Search

Ctrl + P	Open file in Sources panel
Ctrl + F	Search within current panel
Ctrl + Shift + F	Search across all sources
Ctrl + O	Quick open file (same as Ctrl + P)
Ctrl + G	Go to line number

🧪 Elements Panel Shortcuts

Ctrl + Z	Undo DOM change
Ctrl + Y	Redo DOM change
Up / Down Arrow	Navigate DOM tree
Right Arrow	Expand node
Left Arrow	Collapse node
Ctrl + Alt + Click	Expand/collapse all children

Console Panel Shortcuts

Ctrl + `	Focus Console
Ctrl + L	Clear Console
Up / Down Arrow	Cycle through command history
Right Arrow	Accept autocomplete
Shift + Enter	Multi-line input
Enter	Run command

Sources Panel Shortcuts

F8	Resume/pause script execution
F10	Step over next function call
F11	Step into function
Shift + F11	Step out of function
Ctrl + B	Toggle line-of-code breakpoint
Ctrl + /	Toggle comment
Ctrl + D	Select next occurrence

🔗 Related Guides from ChromeGeek

• Ultimate Google Chrome Cheat Sheet
• Enable Developer Mode on Chromebook + Shortcuts
• Useful Crosh Shell Command Cheat Sheet