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

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

这个页面列出了 Firefox 开发者工具的所有快捷键使用方法。

第一部分列出打开每个工具的快捷键，第二部分列出适用于工具箱本身的快捷键，之后为每个工具部分的快捷键。

依赖本地环境的快捷键没有记录在这个页面。

打开和关闭工具

这些快捷键可以在浏览器窗口打开指定的工具。对于工具箱中集成的工具，如果已被打开，也可以通过这些快捷键进行关闭操作。对于在新窗口打开的工具（如浏览器控制台），你必须关闭窗口来关闭工具。

命令	Windows	macOS	Linux
打开工具箱（激活最近使用的工具）	`Ctrl` + `Shift` + `I`	`Cmd` + `Opt` + `I`	`Ctrl` + `Shift` + `I`
唤起工具箱到前台（当工具箱为分离窗口模式且没有在前台运行）	`Ctrl` + `Shift` + `I` 或 `F12`	`Cmd` + `Opt` + `I` 或 `F12`	`Ctrl` + `Shift` + `I` 或 `F12`
关闭工具箱（当工具箱为分离窗口模式且在前台运行）	`Ctrl` + `Shift` + `I` 或 `F12`	`Cmd` + `Opt` + `I` 或 `F12`	`Ctrl` + `Shift` + `I` 或 `F12`
打开 Web 控制台¹	`Ctrl` + `Shift` + `K`	`Cmd` + `Opt` + `K`	`Ctrl` + `Shift` + `K`
切换工具箱	`Ctrl` + `Shift` + `I`	`Cmd` + `Opt` + `I`	`Ctrl` + `Shift` + `I`
打开调试器²	`Ctrl` + `Shift` + `S`	`Cmd` + `Opt` + `S`	`Ctrl` + `Shift` + `S`
打开样式编辑器	`Shift` + `F7`	`Shift` + `F7`¹	`Shift` + `F7`
打开性能分析器	`Shift` + `F5`	`Shift` + `F5`¹	`Shift` + `F5`
打开网络监视器³	`Ctrl` + `Shift` + `Q`	`Cmd` + `Opt` + `Q`	`Ctrl` + `Shift` + `Q`
切换开发者工具栏	`Shift` + `F2`	`Shift` + `F2`¹	`Shift` + `F2`
切换响应式设计视图	`Ctrl` + `Shift` + `M`	`Cmd` + `Opt` + `M`	`Ctrl` + `Shift` + `M`
打开浏览器控制台⁴	`Ctrl` + `Shift` + `J`	`Cmd` + `Shift` + `J`	`Ctrl` + `Shift` + `J`
打开浏览器工具箱	`Ctrl` + `Alt` +`Shift` + `I`	`Cmd` + `Opt` +`Shift` + `I`	`Ctrl` + `Alt` +`Shift` + `I`
打开代码草稿纸	`Shift` + `F4`	`Shift` + `F4`	`Shift` + `F4`
打开 WebIDE	`Shift` + `F8`	`Shift` + `F8`	`Shift` + `F8`
存储探查器⁵	`Shift` + `F9`	`Shift` + `F9`	`Shift` + `F9`

1.不同于其他工具箱内工具，该快捷键无法关闭 Web 控制台。因为把焦点集中到了 Web 控制台的命令行。关闭 Web 控制台可以使用全局工具箱快捷键 Ctrl+Shift+I （Mac：Cmd+Opt+I）。

2.从 Firefox 66 开始，这个快捷键不再关联调试器。

3.在 Firefox 55 以前的版本上，这个快捷键是 Ctrl+Shift+Q （Mac：Cmd+Opt+Q）

4.到 Firefox 38 为止的版本上，当浏览器控制台在正常 Firefox 窗口上被隐藏，相同的组合键为关闭浏览器控制台。从 Firefox 38 起，如果当浏览器控制台在正常 Firefox 窗口上被隐藏，上面这个组合键将把焦点定位到浏览器控制台。

5.该工具在默认情况下是禁用的，需要在设置面板中启用后才能运作。

工具箱

无论激活的是哪个工具，这些快捷键只在工具箱打开时起作用。

命令	Windows	macOS	Linux
从左到右切换开发工具	`Ctrl` + `]`	`Cmd` + `]`	`Ctrl` + `]`
从右到左切换开发工具	`Ctrl` + `[`	`Cmd` + `[`	`Ctrl` + `[`
在激活的工具和设置之间切换	`F1`	`F1`	`F1`
在工具箱中所设置的最后两种停靠模式间切换	`Ctrl` + `Shift` + `D`	`Cmd` + `Shift` + `D`	`Ctrl` + `Shift` + `D`
切换分离式控制台（当控制台不是目前选中的工具）	`Esc`	`Esc`	`Esc`

这些快捷键在工具箱的所有工具中都能使用。

命令	Windows	macOS	Linux
放大字体	`Ctrl` + `+`	`Cmd` + `+`	`Ctrl` + `+`
缩小字体	`Ctrl` + `-`	`Cmd` + `-`	`Ctrl` + `-`
重置字体缩放	`Ctrl` + `0`	`Cmd` + `0`	`Ctrl` + `0`

代码编辑器

此表列出了代码编辑器的默认快捷键。

在开发工具选项的编辑器偏好中，您可以选择使用 Vim、Emacs 或 Sublime Text 的快捷键。

选择这些,访问 about:config，选择设定 devtools.editor.keymap 的值为 "vim" 或 "emacs"或 "sublime"。通过这个设定。通过该方法你可以设定开发者工具中所有的代码编辑器使用的快捷键。并且你需要重新启动编辑器更改才能生效。

从 Firefox 33 起，更改编辑器快捷键可以通过开发者工具箱选项中的编辑器偏好实现。而不需要通过 about:config。

命令	Windows	macOS	Linux
跳转到某行	`Ctrl` + `J`	`Cmd` + `J`	`Ctrl` + `J`
查找	`Ctrl` + `F`	`Cmd` + `F`	`Ctrl` + `F`
查找下一个	`Ctrl` + `G`	`Cmd` + `G`	`Ctrl` + `G`
全选	`Ctrl` + `A`	`Cmd` + `A`	`Ctrl` + `A`
剪切	`Ctrl` + `X`	`Cmd` + `X`	`Ctrl` + `X`
复制	`Ctrl` + `C`	`Cmd` + `C`	`Ctrl` + `C`
粘贴	`Ctrl` + `V`	`Cmd` + `V`	`Ctrl` + `V`
撤销	`Ctrl` + `Z`	`Cmd` + `Z`	`Ctrl` + `Z`
重做	`Ctrl` + `Shift` + `Z` / `Ctrl` + `Y`	`Cmd` + `Shift` + `Z` / `Cmd` + `Y`	`Ctrl` + `Shift` + `Z` / `Ctrl` + `Y`
缩进	`Tab`	`Tab`	`Tab`
取消缩进	`Shift` + `Tab`	`Shift` + `Tab`	`Shift` + `Tab`
上移行	`Alt` + `Up`	`Alt` + `Up`	`Alt` + `Up`
下移行	`Alt` + `Down`	`Alt` + `Down`	`Alt` + `Down`
注释/取消注释行	`Ctrl` + `/`	`Cmd` + `/`	`Ctrl` + `/`

页面查看器

命令	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`

调试器

命令	Windows	macOS	Linux
打开调试器	`Ctrl` + `Shift` + `S`	`Cmd` + `Opt` + `S`	`Ctrl` + `Shift` + `S`
在当前文件中搜索	`Ctrl` + `F`	`Cmd` + `F`	`Ctrl` + `F`
在当前文件中搜索下一个	`Ctrl` + `G`	`Cmd` + `G`	`Ctrl` + `G`
通过文件名搜索脚本	`Ctrl` + `P`	`Cmd` + `P`	`Ctrl` + `P`
在断点继续执行	`F8`	`F8` ¹	`F8`
步越	`F10`	`F10` ¹	`F10`
步进	`F11`	`F11` ¹	`F11`
步出	`Shift` + `F11`	`Shift` + `F11` ¹	`Shift` + `F11`

1. 默认情况下，某些快捷键在一些 Mac 电脑上被映射到了特殊功能，比如：改变屏幕亮度或音量。详情查看了解如何更改 Mac 上的功能键行为。按住 Function 键来使用一个重映射的快捷键作为标准功能键（所以，打开分析器应该使用Shift + Function + F5）。

调试器（Firefox 52 之前）

命令	Windows	macOS	Linux
打开调试器	`Ctrl` + `Shift` + `S`	`Cmd` + `Opt` + `S`	`Ctrl` + `Shift` + `S`
使用 script filter 在当前源码搜索	`Ctrl` + `F`	`Cmd` + `F`	`Ctrl` + `F`
在当前源码查找下一个	`Enter` / `Up arrow`	`Enter` / `Up arrow`	`Enter` / `Up arrow`
在当前源码查找上一个	`Shift` + `Enter` / `Down arrow`	`Shift` + `Enter` / `Down arrow`	`Shift` + `Enter` / `Down arrow`
使用 script filter 在所有源码搜索	`Ctrl` + `Alt` + `F`	`Cmd` + `Opt` + `F`	`Ctrl` + `Alt` + `F`
按照名称搜索脚本	`Ctrl` + `P` / `Ctrl` + `O`	`Cmd` + `P` / `Ctrl` + `O`	`Ctrl` + `P` / `Ctrl` + `O`
搜索函数定义	`Ctrl` + `D`	`Cmd` + `D`	`Ctrl` + `D`
当执行停了下来时过滤变量	`Ctrl` + `Alt` + `V`	`Cmd` + `Opt` + `V`	`Ctrl` + `Alt` + `V`
下个断点恢复执行	`F8`	`F8`¹	`F8`
步越	`F10`	`F10`¹	`F10`
步进	`F11`	`F11`¹	`F11`
步出	`Shift` + `F11`	`Shift` + `F11`¹	`Shift` + `F11`
在选中行设置一个断点	`Ctrl` + `B`	`Cmd` + `B`	`Ctrl` + `B`
在选中行设置一个条件断点	`Ctrl` + `Shift` + `B`	`Cmd` + `Shift` + `B`	`Ctrl` + `Shift` + `B`
添加监视表达式到所选文本	`Ctrl` + `Shift` + `E`	`Cmd` + `Shift` + `E`	`Ctrl` + `Shift` + `E`
使用 script filter 跳至所选行	`Ctrl` + `L`	`Cmd` + `L`	`Ctrl` + `L`
使用 script filter 搜索	`Ctrl` + `O`	`Cmd` + `O`	`Ctrl` + `O`
在源代码面板，跳转至函数定义	`Ctrl` + `click`	`Cmd` + `click`	`Ctrl` + `click`

Web 控制台

命令	Windows	macOS	Linux
打开Web控制台	`Ctrl` + `Shift` + `K`	`Cmd` + `Opt` + `K`	`Ctrl` + `Shift` + `K`
在消息显示面板搜索	`Ctrl` + `F`	`Cmd` + `F`	`Ctrl` + `F`
打开对象查看器面板	`Ctrl` + `Click`	`Ctrl` + `Click`	`Ctrl` + `Click`
清除对象查看器面板	`Escape`	`Escape`	`Escape`
焦点到命令行	`Ctrl` + `Shift` + `K`	`Cmd` + `Opt` + `K`	`Ctrl` + `Shift` + `K`
清空输出	`Ctrl` + `L`	`Ctrl` + `L`	`Ctrl` + `L`

命令行解析器

这些快捷键适用于焦点在命令行解析器时使用：

命令	Windows	macOS	Linux
滚动到控制台输出的最开始（命令行为空时）	`Home`	`Home`	`Home`
滚动到控制台输出的最后（命令行为空时）	`End`	`End`	`End`
向上翻页控制台输出	`Page up`	`Page up`	`Page up`
向下翻页控制台输出	`Page down`	`Page down`	`Page down`
通过历史命令后退	`Up arrow`	`Up arrow`	`Up arrow`
通过历史命令前进	`Down arrow`	`Down arrow`	`Down arrow`
移到行的开头	`Home`	`Cmd` + `A`	`Ctrl` + `A`
移到行的末尾	`End`	`Cmd` + `E`	`Ctrl` + `E`
执行当前表达式	`Enter`	`Return`	`Enter`
添加新行以便输入多行表达式	`Shift` + `Enter`	`Shift` + `Return`	`Shift` + `Enter`

自动补全弹窗

这些快捷键适用于自动补全弹窗出现时使用：

命令	Windows	macOS	Linux
选择当前自动补全建议	`Tab`	`Tab`	`Tab`
取消自动补全弹窗	`Escape`	`Escape`	`Escape`
移动到前一个自动补全建议	`Up arrow`	`Up arrow`	`Up arrow`
移动到下一个自动补全建议	`Down arrow`	`Down arrow`	`Down arrow`
上一页补全建议	`Page up`	`Page up`	`Page up`
下一页补全建议	`Page down`	`Page down`	`Page down`
回滚到开始的补全建议	`Home`	`Home`	`Home`
滚动到最后的补全建议	`End`	`End`	`End`

样式编辑器

命令	Windows	macOS	Linux
打开样式编辑器	`Shift` + `F7`	`Shift` + `F7`	`Shift` + `F7`
打开自动补全弹窗	`Ctrl` + `Space`	`Cmd` + `Space`	`Ctrl` + `Space`

代码草稿纸

命令	Windows	macOS	Linux
打开代码草稿纸	`Shift` + `F4`	`Shift` + `F4`	`Shift` + `F4`
运行代码草稿纸代码	`Ctrl` + `R`	`Cmd` + `R`	`Ctrl` + `R`
运行代码草稿纸代码，并对返回值使用对象查看器	`Ctrl` + `I`	`Cmd` + `I`	`Ctrl` + `I`
运行代码草稿纸代码，在选中内容后面以注释的形式插入返回的结果	`Ctrl` + `L`	`Cmd` + `L`	`Ctrl` + `L`
重新评估当前函数	`Ctrl` + `E`	`Cmd` + `E`	`Ctrl` + `E`
重新加载代码，并运行	`Ctrl` + `Shift` + `R`	`Cmd` + `Shift` + `R`	`Ctrl` + `Shift` + `R`
保存当前到文件	`Ctrl` + `S`	`Cmd` + `S`	`Ctrl` + `S`
打开已有文件	`Ctrl` + `O`	`Cmd` + `O`	`Ctrl` + `O`
创建一个新代码	`Ctrl` + `N`	`Cmd` + `N`	`Ctrl` + `N`
关闭代码草稿纸	`Ctrl` + `W`	`Cmd` + `W`	`Ctrl` + `W`
打印草稿纸中代码	`Ctrl` + `P`	`Cmd` + `P`	`Ctrl` + `P`
显示自动补全建议	`Ctrl` + `Space`	`Cmd` + `Space`	`Ctrl` + `Space`
显示内联文档	`Shift` + `Space`	`Shift` + `Space`	`Shift` + `Space`
显示内联文档	`Ctrl` + `Shift` + `Space`	`Cmd` + `Shift` + `Space`	`Ctrl` + `Shift` + `Space`

取色器

命令	Windows	macOS	Linux
选取当前颜色	`Enter`	`Enter`	`Enter`
解除吸管	`Escape`	`Escape`	`Escape`
1 像素为单位移动	`Arrow keys`	`Arrow keys`	`Arrow keys`
10 像素为单位移动	`Shift` + `arrow keys`	`Shift` + `arrow keys`	`Shift` + `arrow keys`