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

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

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

打开和关闭工具

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

命令 Windows macOS Linux
打开工具箱(激活最近使用的工具) Ctrl + Shift + I Cmd + Opt + I Ctrl + Shift + I
唤起工具箱到前台(当工具箱为分离窗口模式且没有在前台运行) Ctrl + Shift + IF12 Cmd + Opt + IF12 Ctrl + Shift + IF12
关闭工具箱(当工具箱为分离窗口模式且在前台运行) Ctrl + Shift + IF12 Cmd + Opt + IF12 Ctrl + Shift + IF12
打开 Web 控制台1 Ctrl + Shift + K Cmd + Opt + K Ctrl + Shift + K
切换工具箱 Ctrl + Shift + I Cmd + Opt + I Ctrl + Shift + I
打开调试器2 Ctrl + Shift + S Cmd + Opt + S Ctrl + Shift + S
打开样式编辑器 Shift + F7 Shift + F71 Shift + F7
打开性能分析器 Shift + F5 Shift + F51 Shift + F5
打开网络监视器3 Ctrl + Shift + Q Cmd + Opt + Q Ctrl + Shift + Q
切换开发者工具栏 Shift + F2 Shift + F21 Shift + F2
切换响应式设计视图 Ctrl + Shift + M Cmd + Opt + M Ctrl + Shift + M
打开浏览器控制台4 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
存储探查器5 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
开始编辑属性或值(仅规则视图,当这个属性或值被选中但尚未被编辑) EnterSpace ReturnSpace EnterSpace
在自动补全项中循环增加或减少(仅规则视图,当这个属性或值被编辑时) Up arrow , Down arrow Up arrow , Down arrow Up arrow , Down arrow
选中当前的自动补全项(仅规则视图,当这个属性或值被编辑时) EnterTab ReturnTab EnterTab
以 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
展示/隐藏更多更多信息(仅计算值视图,当属性被选中时) EnterSpace ReturnSpace EnterSpace
打开关于此属性的 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 1 F8
步越 F10 F10 1 F10
步进 F11 F11 1 F11
步出 Shift + F11 Shift + F11 1 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 F81 F8
步越 F10 F101 F10
步进 F11 F111 F11
步出 Shift + F11 Shift + F111 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

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

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

 

文档标签和贡献者

标签: 
此页面的贡献者: mdnwebdocs-bot, Azurak, pickfire, wbamberg, c_king
最后编辑者: mdnwebdocs-bot,