DevTools键盘快捷方式

打开开发工具的键盘快捷方式

若要打开 DevTools，请在光标聚焦在浏览器视区上时按以下键盘快捷方式：

展开表

操作	Windows/Linux	macOS
打开上次使用的窗格	F12 或 Ctrl+Shift+I	Command+Option+I
打开“控制台”工具	Ctrl+Shift+J	Command+Option+J
打开“元素”工具。	Ctrl+Shift+C	Command+Shift+C 或 Command+Option+C

全局键盘快捷方式

以下键盘快捷方式在大多数 DevTools 面板中可用。

展开表

操作	Windows/Linux	macOS
显示“设置”	Shift+？ 或 F1	Shift+？ 或 Function+F1
聚焦于下一窗格	Ctrl+]	Command+]
聚焦于上一窗格	Ctrl+[	Command+[
切换回上一次使用的对接位置。 如果 DevTools 已处于整个会话的默认位置，则此快捷方式会将 DevTools 取消停靠到单独的窗口中。	Ctrl+Shift+D	Command+Shift+D
切换设备仿真	Ctrl+Shift+M	Command+Shift+M
切换检查元素模式	Ctrl+Shift+C	Command+Shift+C
打开命令菜单	Ctrl+Shift+P	Command+Shift+P
切换 “快速视图 ”面板	Esc	Esc
正常刷新	F5 或 Ctrl+R	Command+R
硬刷新	Ctrl+F5 或 Ctrl+Shift+R	Command+Shift+R
在当前窗格中搜索文本。 审核、 应用程序 和安全工具不支持	Ctrl+F	Command+F
在“快速视图”中打开“搜索”工具，以便跨所有已加载的资源搜索文本	Ctrl+Shift+F	Command+Option+F
在 源 工具中打开文件	Ctrl+O 或 Ctrl+P	Command+O 或 Command+P
放大	Ctrl++	命令++
缩小	Ctrl+-	命令+-
还原默认缩放级别	Ctrl+0	Command+0
运行代码片段	按 Ctrl+O 打开 “命令菜单”，键入 ！ 后跟脚本名称，然后按 Enter	按 Command+O 打开 命令菜单，键入 ！ 后跟脚本名称，然后按 Enter

元素工具键盘快捷方式

展开表

操作	Windows/Linux	macOS
撤消更改	Ctrl+Z	Command+Z
恢复更改	Ctrl+Y	Command+Shift+Z
选择当前所选元素上方/下方元素	向上键 / 向下键	向上键 / 向下键
展开当前选定的节点。 如果节点已展开，则此快捷方式将选择下方的元素	向右键	向右键
折叠当前选定的节点。 如果节点已折叠，则此快捷方式将选择上方的元素	向左键	向左键
展开或折叠当前选定的节点及所有子节点	按住 Ctrl+Alt，然后单击元素名称旁边的 箭头 图标	按住 选项，然后单击元素名称旁边的 箭头 图标
在当前选定的元素上切换“编辑属性”模式	Enter	Enter
进入“编辑属性”模式后，选择下一个/上一个属性	标签 / Shift+Tab	标签 / Shift+Tab
隐藏当前所选元素	H	H
在当前选定的元素上切换“编辑为 HTML”模式	Function+F2	F2

“样式”窗格键盘快捷方式

展开表

操作	Windows/Linux	macOS
转到声明属性值的行	按住 Ctrl，然后单击属性值	按住 命令，然后单击属性值
循环显示颜色值的 RBGA、HSLA 和 Hex 表示形式	按住 Shift，然后单击值旁边的 “颜色预览 ”框	按住 Shift，然后单击值旁边的 “颜色预览 ”框
选择下一个/上一个属性或值	单击属性名称或值，然后按 Tab / Shift+Tab	单击属性名称或值，然后按 Tab / Shift+Tab
将属性值递增/减 0.1	单击某个值，然后按 Alt+向上键 / Alt+向下键	单击某个值，然后按 Option+向上键 /Option+向下键
将属性值递增/减 1	单击某个值，然后按向上键向下键 /	单击某个值，然后按向上键向下键 /
将属性值递增/减 10	单击某个值，然后按 Shift+向上键 / Shift+向下键	单击某个值，然后按 Shift+向上键 / Shift+向下键
将属性值递增/减 100	单击某个值，然后按 Ctrl+向上键 / Ctrl+向下键	单击某个值，然后按 Command+向上键 / 命令+向下键
循环浏览角度值的度 (deg) 、研究生 () 、弧度 (rad) 和旋转 (转) 角度值的表示形式	按住 Shift ，然后单击值旁边的 “角度预览 ”框	按住 Shift ，然后单击值旁边的 “角度预览 ”框
将角度值递增/递减 1	单击值旁边的“角度预览”框，然后按向上键向下键 /	单击值旁边的“角度预览”框，然后按向上键向下键 /
将角度值递增/递减 10	单击值旁边的 “角度预览 ”框，然后按 Shift+向上键 / Shift+向下键	单击值旁边的 “角度预览 ”框，然后按 Shift+向上键 / Shift+向下键
将角度值递增/递减 15	单击值旁边的“角度预览”框，然后按 Shift，在“角度时钟覆盖层”上单击/鼠标滑动	单击值旁边的“角度预览”框，然后按 Shift，在“角度时钟覆盖层”上单击/鼠标滑动

源工具键盘快捷方式

展开表

操作	Windows/Linux	macOS
如果当前正在运行) ，请暂停脚本运行时 (;如果当前暂停) ，请恢复 (	F8 或 Ctrl+\	F8 或 Command+\
单步跳过下一函数调用	F10 或 Ctrl+'	F10 或 Command+'
单步执行下一函数调用	F11 或 Ctrl+;	F11 或 Command+;
跳出当前函数	Shift+F11 或 Ctrl+Shift+;	Shift+F11 或 Command+Shift+;
暂停时继续至指定的代码行	按住 Ctrl，然后单击代码行	按住 命令，然后单击代码行
选择当前所选帧下方/上方的调用帧	Ctrl+。 / Ctrl+，	Ctrl+。 / Ctrl+，
保存对本地修改的更改	Ctrl+S	Command+S
保存所有更改	Ctrl+Alt+S	Command+Option+S
导航到行	Ctrl+G	Ctrl+G
跳转到当前打开的文件的行号	按 Ctrl+O 打开 命令菜单，键入 ： 后跟行号，然后按 Enter	按 Command+O 打开 命令菜单，键入 ： ，然后按行号，然后按 Enter
跳转到当前打开的文件的列 (例如第 5 行、第 9 列)	按 Ctrl+O 打开 命令菜单，键入 ：，然后键入行号，再按另一个 ：，然后按列号，然后按 Enter	按 Command+O 打开 命令菜单，键入 ：，然后键入行号，再键入另一个 ：，然后按列号，然后按 Enter
如果当前文件为 HTML 或脚本，则导航到函数声明。 如果当前文件是样式表，请导航到规则集。	按 Ctrl+Shift+O，然后键入声明/规则集的名称，或从选项列表中选择它	按 Command+Shift+O，然后键入声明/规则集的名称，或从选项列表中选择它
关闭活动的选项卡	Alt+W	Option+W

代码编辑器键盘快捷方式

展开表

操作	Windows/Linux	macOS
删除最后一个词中的所有字符，直到到达光标	Ctrl+Delete	Option+Delete
添加或删除代码行断点	将光标聚焦在行上，然后按 Ctrl+B	将光标聚焦在行上，然后按 Command+B
导航到匹配的括号	Ctrl+M	Ctrl+M
切换单行注释。 如果选择了多行，开发工具将注释添加到每行的起始位置	Ctrl+/	Command+/
打开或关闭下一次出现的任何单词。 每次出现时都同时突出显示	Ctrl+D / Ctrl+U	Command+D / Command+U

性能工具键盘快捷方式

展开表

操作	Windows/Linux	macOS
开始 /停止录制。	Ctrl+E	Command+E
保存录制	Ctrl+S	Command+S
加载录制	Ctrl+O	Command+O

内存工具键盘快捷方式

展开表

操作	Windows/Linux	macOS
开始 /停止录制。	Ctrl+E	Command+E

控制台工具键盘快捷方式

展开表

操作	Windows/Linux	macOS
接受自动完成建议	向右键 或 制表符	向右键 或 制表符
拒绝自动完成建议	Esc	Esc
获取上一语句	向上键	向上键
获取下一语句	向下键	向下键
聚焦于“控制台”	Ctrl+'	Ctrl+'
清除“控制台”	Ctrl+L	Command+K 或 Option+L
强制多行输入。 该快捷方式通常是不需要的，因为默认情况下，开发工具应该检测多行方案	Shift+Enter	Command+Return
运行	Enter	返回
展开记录到控制台的对象的所有子属性	按住 Alt，然后单击“ 展开 ” ()	按住 Alt，然后单击“ 展开 ” () 。

另请参阅

• 使用辅助技术导航开发工具
• 自定义键盘快捷方式
• 在“命令”菜单中运行命令