本页介绍 Chrome 开发者工具中的键盘快捷键参考。
您也可以在提示中找到快捷键。将鼠标悬停在开发者工具的界面元素上,以显示其提示。
如果该元素有快捷方式,提示将包含快捷方式。
用于打开开发者工具的键盘快捷键
如需打开开发者工具,请在光标聚焦于浏览器视口时按以下键盘快捷键:
操作 | Mac | Windows / Linux |
---|
打开您上次使用的任意面板 | Command+Option+I | F12 或 Ctrl + Shift + I |
打开控制台面板 | Command+Option+J | Ctrl + Shift + J |
打开元素面板 | Command+Shift+C 或 Command+Option+C | Ctrl + Shift + C |
全局键盘快捷键
以下键盘快捷键可在大多数(如果不是全部)开发者工具面板中使用。
操作 | Mac | Windows / Linux |
---|
显示设置 | ? 或 Function+F1 | ? 或 F1 |
将焦点置于下一个面板 | Command+] | Ctrl+] |
将焦点移到上一个面板 | Command+[ | Ctrl + [ |
切换回您上次使用的任何基座。如果在整个会话期间开发者工具一直都处于默认位置,那么此快捷键会将开发者工具从基座上移除到单独的窗口中 | Command+Shift+D | Ctrl + Shift + D |
开启/关闭Device Mode | Command+Shift+M | Ctrl + Shift + M |
切换检查元素模式 | Command+Shift+C | Ctrl + Shift + C |
打开命令菜单 | Command+Shift+P | Ctrl + Shift + P |
切换抽屉式导航栏 | 转义 | 转义 |
正常重新加载 | Command+R | F5 或 Ctrl + R |
硬性重新加载 | Command+Shift+R | Ctrl+F5 或 Ctrl+Shift+R |
在当前面板中搜索文字。仅在元素、控制台、来源、性能、内存、JavaScript 性能分析器和快速来源面板中受支持。 | Command+F | Ctrl + F |
打开抽屉式导航栏中的搜索标签,可让您在所有已加载资源中搜索文字 | Command+Option+F | Ctrl + Shift + F |
在来源面板中打开文件 | Command+O 或 Command+P | Ctrl+O 或 Ctrl+P |
放大 | Command+Shift++ | Ctrl + Shift + + |
缩小 | Command+- | Ctrl + - |
恢复默认缩放级别 | Command+0 | Ctrl+0 |
运行代码段 | 按 Command + O 以打开命令菜单,然后输入 !后跟脚本名称,然后按 Enter 键 | 按 Ctrl + O 打开命令菜单,输入 !后跟脚本名称,然后按 Enter 键 |
元素面板键盘快捷键
操作 | Mac | Windows / Linux |
---|
撤消更改 | Command+Z | Ctrl + Z |
重做更改 | Command+Shift+Z | Ctrl + Y |
选择当前所选元素上方 / 下方的元素 | 向上箭头 / 向下箭头 | 向上箭头 / 向下箭头 |
展开当前选定的节点。如果该节点已展开,此快捷键会选择其下方的元素 | 向右箭头 | 向右箭头 |
收起当前选定的节点。如果节点已收起,此快捷方式会选择它上方的元素 | 向左箭头 | 向左箭头 |
展开或收起当前选定的节点及其所有子节点 | 按住 Option 键,然后点击元素名称旁边的箭头图标 | 按住 Ctrl + Alt 键,然后点击相应元素名称旁边的箭头图标 |
在当前所选元素上切换修改属性模式 | 进入 | 进入 |
进入修改属性模式后,选择下一个 / 上一个属性 | Tab / Shift+Tab | Tab / Shift+Tab |
隐藏当前选定的元素 | H | H |
在当前所选元素上切换以 HTML 形式修改模式 | 函数 + F2 | F2 |
“样式”窗格的键盘快捷键
操作 | Mac | Windows / Linux |
---|
转到声明属性值的行 | 按住 Command 键,然后点击属性值 | 按住 Ctrl 键,然后点击属性值 |
循环遍历颜色值的 RGBA、HSLA 和十六进制表示 | 按住 Shift,然后点击该值旁边的颜色预览框 | 按住 Shift,然后点击该值旁边的颜色预览框 |
选择下一个 / 上一个属性或值 | 点击属性名称或值,然后按 Tab / Shift+Tab | 点击属性名称或值,然后按 Tab / Shift+Tab |
以 0.1 为增量递增 / 递减属性值 | 点击某个值,然后按 Option + 向上箭头 / Option + 向下箭头 | 点击某个值,然后按 Alt + 向上箭头 / Alt + 向下箭头 |
以 1 为增量递增 / 递减属性值 | 点击某个值,然后按向上箭头 / 向下箭头 | 点击某个值,然后按向上箭头 / 向下箭头 |
以 10 为增量递增 / 递减属性值 | 点击某个值,然后按 Shift + 向上箭头 / Shift + 向下箭头 | 点击某个值,然后按 Shift + 向上箭头 / Shift + 向下箭头 |
以 100 为增量递增 / 递减属性值 | 点击某个值,然后按 Command+向上箭头 / Command+向下箭头 | 点击某个值,然后按 Ctrl + 向上箭头 / Ctrl + 向下箭头 |
循环浏览角度值的角度(度)、梯度(渐变)、弧度 (rad) 和转弯(转弯)表示法 | 按住 Shift,然后点击值旁边的角度预览框 | 按住 Shift,然后点击值旁边的角度预览框 |
将角度值增加 / 减少 1 | 点击相应值旁边的角度预览框,然后按向上箭头 / 向下箭头 | 点击相应值旁边的角度预览框,然后按向上箭头 / 向下箭头 |
将角度值增加 / 减少 10 | 点击相应值旁边的角度预览框,然后按 Shift + 向上箭头 / Shift + 向下箭头 | 点击相应值旁边的角度预览框,然后按 Shift + 向上箭头 / Shift + 向下箭头 |
将角度值增加 / 减少 15 | 点击相应值旁边的角度预览框,然后按 Shift,然后在角度时钟叠加层上点击 / 滑动鼠标 | 点击相应值旁边的角度预览框,然后按 Shift,然后在角度时钟叠加层上点击 / 滑动鼠标 |
“来源”面板的键盘快捷键
操作 | Mac | Windows / Linux |
---|
暂停脚本执行(如果当前正在运行)或继续(如果当前已暂停) | F8 或 Command+\ | F8 或 Ctrl+\ |
跳过下一个函数调用 | F10 或 Command+' | F10 或 Ctrl+' |
进入下一个函数调用 | F11 或 Command+; | F11 或 Ctrl+; |
跳出当前函数 | Shift+F11 或 Command+Shift+; | Shift + F11 或 Ctrl + Shift + ; |
在暂停状态下继续转到某行代码 | 按住 Command 键,然后点击代码行 | 按住 Ctrl 键,然后点击代码行 |
选择当前所选帧下方 / 上方的调用框架 | Ctrl+. / Ctrl+, | Ctrl+. / Ctrl+, |
保存对本地修改的更改 | Command+S | Ctrl + S |
保存所有更改 | Command+Option+S | Ctrl + Alt + S |
转到行 | Ctrl + G | Ctrl + G |
跳转到当前打开的文件的行号 | 按 Command + O 打开命令菜单,输入 : 后跟行号,然后按 Enter | 按 Ctrl + O 打开命令菜单,依次输入 : 和行号,然后按 Enter |
跳转到当前打开的文件的某一列(例如第 5 行,第 9 列) | 按 Command+O 打开命令菜单,依次输入 :、行号、:、列号,最后按 Enter | 按 Ctrl + O 打开命令菜单,依次输入 :、行号、: 和列号,最后按 Enter |
转到函数声明(如果当前打开的文件是 HTML 或脚本)或规则集(如果当前打开的文件是样式表) | 按 Command+Shift+O,然后输入声明 / 规则集的名称,或从选项列表中选择它 | 按 Ctrl + Shift + O,然后输入声明 / 规则集的名称,或从选项列表中选择它 |
关闭使用中的标签页 | Option+W | Alt+W |
打开下一个或上一个标签页 | Function + Command + 向上键或向下键 | Ctrl + Page Up 或 Page Down |
切换左侧的导航边栏 | Command+Shift+Y | Ctrl + Shift + Y |
切换右侧的 Debugger 边栏 | Command+Shift+H | Ctrl + Shift + H |
代码编辑器键盘快捷键
操作 | Mac | Windows / Linux |
---|
删除上一个字词中直到光标为止的所有字符 | Option+Delete | Ctrl + Delete |
添加或移除代码行断点 | 将光标置于该行,然后按 Command+B | 将光标置于该线条上,然后按 Ctrl+B |
打开断点修改对话框以修改条件断点或日志点 | 将光标置于该行,然后按 Command + Alt + B | 将光标置于该行,然后按 Ctrl + Alt + B |
打开条件断点对话框 | Command+点击行号 | 按住 Ctrl 键的同时点击行号 |
打开 logpoint 对话框 | Command+Shift+点击行号 | 按住 Ctrl + Shift + 点击行号 |
转到匹配的括号 | Ctrl + M | Ctrl + M |
切换单行注释。如果选择了多行,则开发者工具会在每行开头添加一条注释 | Command+/ | Ctrl+/ |
选择 / 取消选择光标所在字词的下一处出现位置。每次出现时都会同时突出显示 | Command+D / Command+U | Ctrl + D / Ctrl + U |
网络面板键盘快捷键
操作 | Mac | Windows / Linux |
---|
开始 / 停止录制 | Command+E | Ctrl + E |
记录重新加载 | Command+R | Ctrl + R |
重放所选的 XHR 请求 | R | R |
隐藏所选请求的详细信息 | 转义 | 转义 |
操作 | Mac | Windows / Linux |
---|
开始 / 停止录制 | Command+E | Ctrl + E |
保存记录 | Command+S | Ctrl + S |
加载录音 | Command+O | Ctrl + O |
“内存”面板的键盘快捷键
操作 | Mac | Windows / Linux |
---|
开始 / 停止录制 | Command+E | Ctrl + E |
控制台面板键盘快捷键
操作 | Mac | Windows / Linux |
---|
接受自动补全建议 | 向右箭头或 Tab | 向右箭头或 Tab |
拒绝自动补全建议 | 转义 | 转义 |
向上或向下浏览自动补全列表 | 向上键 / 向下键或 Ctrl + P / N | 向上键 / 向下键或 Ctrl + P / N |
获取上一个对账单 | 向上箭头 | 向上箭头 |
获取下一个对账单 | 向下箭头 | 向下箭头 |
聚焦于控制台 | Ctrl+` | Ctrl+` |
清除控制台 | Command+K 或 Option+L | Ctrl + L |
强制输入多行条目。请注意,开发者工具默认应检测多行场景,因此现在通常不需要此快捷键 | Shift+Return | Shift+Enter |
执行 | 回车键 | 进入 |
展开已记录到控制台的对象的所有子属性 | 在按住 Alt 的同时,点击展开 > | 在按住 Alt 的同时,点击展开 > |
“搜索”标签页的键盘快捷键
操作 | Mac | Windows / Linux |
---|
展开/收起所有搜索结果 | Command+Option+{ 或 } | Ctrl+Shift+{ 或 } |
“记录器”面板的键盘快捷键
操作 | Mac | Windows / Linux |
---|
开始或停止录制 | Command+E | Ctrl + E |
重放录制内容 | Command+Enter | Ctrl + Enter |
复制录制内容或所选步骤 | Command+C | Ctrl + C |
切换代码视图 | Command+B | Ctrl + B |