Page inspector keyboard shortcuts

Command Windows macOS Linux
Inspect Element Ctrl + Shift + C Cmd + Shift + C Ctrl + Shift + C

Node picker

These shortcuts work while the node picker is active.

Command Windows macOS Linux
Select the element under the mouse and cancel picker mode Click Click Click
Select the element under the mouse and stay in picker mode Shift+Click Shift+Click Shift+Click

HTML pane

These shortcuts work while you're in the Inspector's HTML pane.

Command Windows macOS Linux
Delete the selected node Delete Delete Delete
Undo delete of a node Ctrl + Z Cmd + Z Ctrl + Z
Redo delete of a node Ctrl + Shift + Z / Ctrl + Y Cmd + Shift + Z / Cmd + Y Ctrl + Shift + Z / Ctrl + Y
Move to next node (expanded nodes only) Down arrow Down arrow Down arrow
Move to previous node Up arrow Up arrow Up arrow
Move to first node in the tree. Home Home Home
Move to last node in the tree. End End End
Expand currently selected node Right arrow Right arrow Right arrow
Collapse currently selected node Left arrow Left arrow Left arrow
(When a node is selected) move inside the node so you can start stepping through attributes. Enter Return Enter
Step forward through the attributes of a node Tab Tab Tab
Step backward through the attributes of a node Shift + Tab Shift + Tab Shift + Tab
(When an attribute is selected) start editing the attribute Enter Return Enter
Hide/show the selected node H H H
Focus on the search box in the HTML pane Ctrl + F Cmd + F Ctrl + F
Edit as HTML F2 F2 F2
Stop editing HTML F2 / Ctrl +Enter F2 / Cmd + Return F2 / Ctrl + Enter
Copy the selected node's outer HTML Ctrl + C Cmd + C Ctrl + C
Scroll the selected node into view S S S
Find the next match in the markup, when searching is active Enter Return Enter
Find the previous match in the markup, when searching is active Shift + Enter Shift + Return Shift + Enter

These shortcuts work when the breadcrumbs bar is focused.

Command Windows macOS Linux
Move to the previous element in the breadcrumbs bar Left arrow Left arrow Left arrow
Move to the next element in the breadcrumbs bar Right arrow Right arrow Right arrow
Focus the HTML pane Shift + Tab Shift + Tab Shift + Tab
Focus the CSS pane Tab Tab Tab

CSS pane

These shortcuts work when you're in the Inspector's CSS pane.

Command Windows macOS Linux
Focus on the search box in the CSS pane Ctrl + F Cmd + F Ctrl + F
Clear search box content (only when the search box is focused, and content has been entered) Esc Esc Esc
Step forward through properties and values Tab Tab Tab
Step backward through properties and values Shift + Tab Shift + Tab Shift + Tab
Start editing property or value (Rules view only, when a property or value is selected, but not already being edited) Enter or Space Return or Space Enter or Space
Cycle up and down through auto-complete suggestions (Rules view only, when a property or value is being edited) Up arrow , Down arrow Up arrow , Down arrow Up arrow , Down arrow
Choose current auto-complete suggestion (Rules view only, when a property or value is being edited) Enter or Tab Return or Tab Enter or Tab
Increment selected value by 1 Up arrow Up arrow Up arrow
Decrement selected value by 1 Down arrow Down arrow Down arrow
Increment selected value by 100 Shift + Page Up Shift + Page Up Shift + Page Up
Decrement selected value by 100 Shift + Page Down Shift + Page Down Shift + Page Down
Increment selected value by 10 Shift + Up arrow Shift + Up arrow Shift + Up arrow
Decrement selected value by 10 Shift + Down arrow Shift + Down arrow Shift + Down arrow
Increment selected value by 0.1 Alt + Up arrow (Ctrl + Up arrow from Firefox 60 onwards.) Alt + Up arrow Alt + Up arrow (Ctrl + Up arrow from Firefox 60 onwards.)
Decrement selected value by 0.1 Alt + Down arrow (Ctrl + Down arrow from Firefox 60 onwards). Alt + Down arrow Alt + Down arrow (Ctrl + Down arrow from Firefox 60 onwards).
Show/hide more information about current property (Computed view only, when a property is selected) Enter or Space Return or Space Enter or Space
Open MDN reference page about current property (Computed view only, when a property is selected) F1 F1 F1
Open current CSS file in Style Editor (Computed view only, when more information is shown for a property and a CSS file reference is focused). Enter Return Enter

Global shortcuts

These shortcuts work in all tools that are hosted in the toolbox.

Command Windows macOS Linux
Increase font size Ctrl + + Cmd + + Ctrl + +
Decrease font size Ctrl + - Cmd + - Ctrl + -
Reset font size Ctrl + 0 Cmd + 0 Ctrl + 0