当前位置：文江博客知识库 en-US 文档 Tools Page_Inspector Keyboard_shortcuts

Page inspector keyboard shortcuts - Firefox Developer Tools 编辑

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`

Breadcrumbs bar

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`