当前位置：文江博客知识库简体中文文档 Tools Page_Inspector Keyboard_shortcuts

键盘快捷键 - Firefox 开发者工具编辑

命令	Windows	macOS	Linux
打开查看器	`Ctrl` + `Shift` + `C`	`Cmd` + `Opt` + `C`	`Ctrl` + `Shift` + `C`

节点选择器

这些快捷键在开启节点拾取器时有效。

命令	Windows	macOS	Linux
选择光标下的元素并退出拾取状态	`Click`	`Click`	`Click`
选择光标下的元素并保持拾取状态	`Shift` + `Click`	`Shift` + `Click`	`Shift` + `Click`

HTML 面板

这些快捷只能工作于在查看器的HTML面板。

命令	Windows	macOS	Linux
删除选中的节点	`Delete`	`Delete`	`Delete`
撤销节点删除	`Ctrl` + `Z`	`Cmd` + `Z`	`Ctrl` + `Z`
重做节点删除	`Ctrl` + `Shift` + `Z` / `Ctrl` + `Y`	`Cmd` + `Shift` + `Z` / `Cmd` + `Y`	`Ctrl` + `Shift` + `Z` / `Ctrl` + `Y`
移动到下一节点（限定展开的节点）	`Down arrow`	`Down arrow`	`Down arrow`
移动到上一节点	`Up arrow`	`Up arrow`	`Up arrow`
移动到树的第一个节点	`Home`	`Home`	`Home`
移动到树的最后一个节点	`End`	`End`	`End`
展开选中的节点	`Right arrow`	`Right arrow`	`Right arrow`
关闭选中的节点	`Left arrow`	`Left arrow`	`Left arrow`
（当节点被选中时）开始调试属性	`Enter`	`Return`	`Enter`
在节点内移动到下一属性	`Tab`	`Tab`	`Tab`
在节点内移动到上一属性	`Shift` + `Tab`	`Shift` + `Tab`	`Shift` + `Tab`
（当属性被选中时）开始编辑属性	`Enter`	`Return`	`Enter`
隐藏/显示所选属性	`H`	`H`	`H`
焦点移动到面板的搜索框	`Ctrl` + `F`	`Cmd` + `F`	`Ctrl` + `F`
编辑 HTML	`F2`	`F2`	`F2`
停止编辑 HTML	`F2` / `Ctrl` +`Enter`	`F2` / `Cmd` + `Return`	`F2` / `Ctrl` +`Enter`
复制所选节点的外层 HTML	`Ctrl` + `C`	`Cmd` + `C`	`Ctrl` + `C`
滚动页面至所选节点	`S`	`S`	`S`
在标记中查找下一个匹配项	`Enter`	`Return`	`Enter`
在标记中查找上一个匹配项	`Shift` + `Enter`	`Shift` + `Return`	`Shift` + `Enter`

面包屑栏

这些快捷键只在面包屑导航栏获得焦点时工作。

命令	Windows	macOS	Linux
移动至导航栏的上一个元素	`Left arrow`	`Left arrow`	`Left arrow`
移动至导航栏的下一个元素	`Right arrow`	`Right arrow`	`Right arrow`
聚焦于 HTML 面板	`Shift` + `Tab`	`Shift` + `Tab`	`Shift` + `Tab`
聚焦于 CSS 面板	`Tab`	`Tab`	`Tab`

CSS 面板

这些快捷只能工作于在查看器的CSS面板。

命令	Windows	macOS	Linux
聚焦于 CSS 面板的搜索框	`Ctrl` + `F`	`Cmd` + `F`	`Ctrl` + `F`
清空搜索框内容	`Esc`	`Esc`	`Esc`
通过属性和值步进	`Tab`	`Tab`	`Tab`
通过属性和值步退	`Shift` + `Tab`	`Shift` + `Tab`	`Shift` + `Tab`
开始编辑属性或值（仅规则视图，当这个属性或值被选中但尚未被编辑）	`Enter` 或 `Space`	`Return` 或 `Space`	`Enter` 或 `Space`
在自动补全项中循环增加或减少（仅规则视图，当这个属性或值被编辑时）	`Up arrow` , `Down arrow`	`Up arrow` , `Down arrow`	`Up arrow` , `Down arrow`
选中当前的自动补全项（仅规则视图，当这个属性或值被编辑时）	`Enter` 或 `Tab`	`Return` 或 `Tab`	`Enter` 或 `Tab`
以 1 的量增加所选的值	`Up arrow`	`Up arrow`	`Up arrow`
以 1 的量减少所选的值	`Down arrow`	`Down arrow`	`Down arrow`
以 100 的量增加所选的值	`Shift` + `Page Up`	`Shift` + `Page Up`	`Shift` + `Page Up`
以 100 的量减少所选的值	`Shift` + `Page Down`	`Shift` + `Page Down`	`Shift` + `Page Down`
以 10 的量增加所选的值	`Shift` + `Up arrow`	`Shift` + `Up arrow`	`Shift` + `Up arrow`
以 10 的量减少所选的值	`Shift` + `Down arrow`	`Shift` + `Down arrow`	`Shift` + `Down arrow`
以 0.1 的量增加所选的值	`Alt` + `Up arrow`	`Opt` + `Up arrow`	`Alt` + `Up arrow`
以 0.1 的量减少所选的值	`Alt` + `Down arrow`	`Opt` + `Down arrow`	`Alt` + `Down arrow`
展示/隐藏更多更多信息（仅计算值视图，当属性被选中时）	`Enter` 或 `Space`	`Return` 或 `Space`	`Enter` 或 `Space`
打开关于此属性的 MDN 参考（仅计算值视图，当属性被选中时）	`F1`	`F1`	`F1`
在样式编辑器中打开当前 CSS（仅计算值视图，当属性的更多信息显示且 CSS 文件参考被激活）	`Enter`	`Return`	`Enter`