Keyhab
⌘⌥C
Chrome DevTools

The Inspect Element Shortcut in Chrome (Mac, Windows and Linux)

The keyboard shortcut for Inspect Element in Chrome on Mac, Windows and Linux — plus why Cmd + Opt + C and Cmd + Opt + I do different things, and the DevTools keys worth learning next.

The short answer

What you wantMacWindows / Linux
Inspect an element (picker mode)Cmd + Opt + CCtrl + Shift + C
Just open DevToolsCmd + Opt + IF12 or Ctrl + Shift + I
Open straight to the ConsoleCmd + Opt + JCtrl + Shift + J

If you came here for one key combination: Cmd + Opt + C on Mac, Ctrl + Shift + C on Windows.

Why there are two shortcuts, not one

Right-clicking and choosing Inspect does two things at once: it opens DevTools, and it selects the element under your cursor. The keyboard splits those apart.

  • Cmd + Opt + I / F12 opens DevTools on whatever panel you used last. Nothing is selected.
  • Cmd + Opt + C / Ctrl + Shift + C opens DevTools *and* turns on the element picker, so the next thing you click is selected in the Elements panel.

The second one is what people usually mean by "inspect element". It is also a toggle: press it again while DevTools is open and the picker turns off.

A detail worth knowing: when DevTools is already open and focused, Esc opens the drawer (Console at the bottom), which is often what you actually wanted when you reached for the Console shortcut.

The same shortcut in other browsers

BrowserMacWindows
ChromeCmd + Opt + CCtrl + Shift + C
EdgeCmd + Opt + CCtrl + Shift + C
FirefoxCmd + Opt + CCtrl + Shift + C
SafariShift + Cmd + C—

Safari is the odd one out. Shift + Cmd + C starts the element picker, Opt + Cmd + I opens the Web Inspector, and Opt + Cmd + C opens the error console rather than inspecting anything. Safari also needs one setting first: Settings → Advanced → Show features for web developers. Until that is on, the Develop menu and its shortcuts do not exist.

If the shortcut does nothing

Three common causes, in the order they usually turn out to be true:

  1. Focus is somewhere else — a DevTools panel, or an iframe. Click once on an empty part of the page and try again.
  2. The site is blocking the key — some web apps capture Cmd + Opt + C for their own use. Use F12 on Windows, or the menu, as a fallback.
  3. DevTools is disabled by policy — on a managed work machine, an administrator may have turned DevTools off entirely. Nothing you press will open it.

What to learn right after it

Once DevTools is open, these four earn their place faster than anything else.

ActionMacWindows
Command menu (run any DevTools command)Cmd + Shift + PCtrl + Shift + P
Toggle device / responsive modeCmd + Shift + MCtrl + Shift + M
Search across all loaded sourcesCmd + Opt + FCtrl + Shift + F
Clear the ConsoleCmd + KCtrl + L

Cmd + Shift + P is the one to keep. It is the same idea as the command palette in VS Code: type what you want ("screenshot", "coverage", "disable JavaScript") and run it without hunting through panels.

Debugging keys

If you step through JavaScript, the function keys are the same ones you already know from most debuggers.

ActionKey
Pause or resume script executionF8
Step over the next function callF10
Step into the next function callF11
Step out of the current functionShift + F11
Toggle a breakpoint (Sources panel)Cmd / Ctrl + B
Open a file in DevToolsCmd / Ctrl + O
Go to a symbol in the current fileCmd / Ctrl + Shift + O
Run the selected code in the Console (Sources panel)Cmd / Ctrl + Shift + E

Making it automatic

Most people look up the inspect shortcut, use it twice, and go back to right-clicking. The fix is not a better list — it is using the same three keys deliberately for a week:

  1. Cmd + Opt + C instead of right-click → Inspect
  2. Cmd + Opt + J when you only need the Console
  3. Cmd + Shift + P whenever you cannot remember where a feature lives

After a week, your hands stop asking. That is the whole trick, and it works the same way for every other tool you use all day.

⌘⌥C

Learn Chrome shortcuts with quick quizzes

Keyhab quizzes you on 1,050 shortcuts for 15 tools, from Basics to Advanced. Five minutes a day on iPhone or iPad — VSCode (Mac) and Vim Basics are free.

Download free on the App Store

Related