How do I open Chrome DevTools with a keyboard shortcut?

Press Cmd Option I on macOS or Ctrl Shift I on Windows and Linux to toggle DevTools. To open it directly in inspect-element mode, use Cmd Shift C or Ctrl Shift C, which lets you click an element to select it in the Elements panel.

What is the DevTools Command Menu?

The Command Menu, opened with Cmd Shift P or Ctrl Shift P, lets you run any DevTools action by typing its name. It is the quickest way to reach a feature when you do not remember the dedicated shortcut, similar to the command palette in a code editor.

How do I set a breakpoint from the keyboard?

In the Sources panel, place the cursor on a line and press Cmd B or Ctrl B to toggle a breakpoint. Use F8 to pause or resume, F10 to step over, F11 to step into, and Shift F11 to step out.

How do I clear the Console quickly?

With the Console focused, press Cmd K or Ctrl K to clear all logged output. You can also right-click and choose Clear console or call console.clear() from the prompt.

Why does a shortcut behave differently in my Chrome?

DevTools shortcuts can change between Chrome versions and some are remappable in settings. If a chord does not match, open the Command Menu and search for the action by name to see its current binding.

Chrome DevTools Shortcuts

Email me this result

Get this tool's output sent to your inbox, plus one useful tool a week. No spam, unsubscribe any time.

Chrome DevTools is far faster from the keyboard, but the shortcuts are spread across panels and differ between macOS and Windows. This reference gathers the documented defaults and renders each chord for your platform.

How it works

Each shortcut stores the action, its panel, and a key pattern with a Mod placeholder that renders as Cmd on macOS and Ctrl elsewhere, plus matching Option/Alt handling. The search box matches the action, the panel name, and the rendered keys, and the panel selector narrows the table to one section such as Sources or Network. The single most useful entry is the Command Menu (Cmd/Ctrl + Shift + P), which runs any DevTools action by name.

Tips and examples

In the Styles pane of the Elements panel, arrow keys nudge a numeric value; hold Shift for steps of 10, Cmd/Ctrl for 100, and Alt for 0.1.
Cmd/Ctrl + P is a fuzzy file opener for every loaded script, the same as Quick Open in editors.
Step debugging maps to function keys: F8 pause/resume, F10 step over, F11 step into, Shift F11 step out.
Cmd/Ctrl + Shift + M toggles the device toolbar for responsive testing.

Because bindings can shift between Chrome releases and some are user-remappable, treat the Command Menu as the source of truth when a chord does not respond as listed.