键盘快捷键
此页面是 Chrome DevTools 中键盘快捷键的参考。
您还可以在工具提示中找到快捷方式。将鼠标悬停在 DevTools 的 UI 元素上以显示其工具提示。如果元素有快捷方式，工具提示会包含它。
要打开 DevTools，请在光标位于浏览器视口上时按以下键盘快捷键：
| 动作 | MAC | Windows / Linux |
|---|
| 打开您上次使用的任何面板 | Command+Option+I | F12 或者 Control+Shift+I |
| 打开控制台面板 | Command+Option+J | Control+Shift+J |
| 打开元素面板 | Command+Shift+C 或者 Command+Option+C | Control+Shift+C |
全局键盘快捷键
以下是在DevTools中大部分可用的键盘快捷键。
| 动作 | MAC | Windows / Linux |
|---|
| 打开设置 | ? or Function+F1 | ? or F1 |
| 聚焦下一个面板 | Command+] | Control+] |
| 聚焦上一个面板 | Command+[ | Control+[ |
| 切换回您上次使用的任何对接位置。如果 DevTools 在整个会话中一直处于默认位置，则此快捷方式会将 DevTools 取消停靠到单独的窗口中 | Command+Shift+D | Control+Shift+D |
| 切换设备模式 | Command+Shift+M | Control+Shift+M |
| 切换检查元素模式 | Command+Shift+C | Control+Shift+C |
| 打开命令菜单 | Command+Shift+P | Control+Shift+P |
| 切换抽屉 | Escape | Escape |
| 普通重载 | Command+R | F5 or Control+R |
| 强制重载 | Command+Shift+R | Control+F5 or Control+Shift+R |
| 在当前面板中搜索文本。仅在 Elements、Console、Sources、Performance、Memory、JavaScript Profiler 和 Quick Source 面板中受支持。 | Command+F | Control+F |
| 打开抽屉中的“搜索”选项卡，您可以在其中搜索所有已加载资源中的文本 | Command+Option+F | Control+Shift+F |
| 在源代码面板中打开一个文件 | Command+O or Command+P | Control+O or Control+P |
| 放大 | Command+Shift++ | Control+Shift++ |
| 放小 | Command+- | Control+- |
| 恢复默认缩放规格 | Command+0 | Control+0 |
| 运行代码 | 按 Command+O 打开命令菜单，键入 !后跟脚本的名称，然后按 Enter | 按 Control+O 打开命令菜单，键入 !后跟脚本的名称，然后按 Enter |
元素面板的快捷键
| 动作 | MAC | Windows / Linux |
|---|
| 撤销更改 | Command+Z | Control+Z |
| 重做更改 | Command+Shift+Z | Control+Y |
| 选择当前所选元素上方/下方的元素 | 向上箭头/向下箭头 | 向上箭头/向下箭头 |
| 展开当前选定的节点。如果节点已经展开，此快捷方式将选择其下方的元素 | 右箭头 | 右箭头 |
| 折叠当前选定的节点。如果节点已经折叠，此快捷方式会选择其上方的元素 | 左箭头 | 左箭头 |
| 展开或折叠当前选定的节点及其所有子节点 | 按住 Option 然后单击元素名称旁边的箭头图标 | 按住 Control+Alt，然后单击元素名称旁边的箭头图标 |
| 在当前选定的元素上切换编辑属性模式 | Enter | Enter |
| 进入编辑属性模式后选择下一个/上一个属性 | Tab / Shift+Tab | Tab / Shift+Tab |
| 隐藏当前选中的元素 | H | H |
| 在当前选定的元素上切换编辑为 HTML 模式 | Function+F2 | F2 |
样式窗口的快捷键
| 动作 | MAC | Windows / Linux |
|---|
| 转到声明属性值的行 | 按住 Command 然后单击属性值 | 按住 Control 然后单击属性值 |
| 循环显示颜色值的 RGBA、HSLA 和 Hex 表示 | 按住 Shift 键，然后单击值旁边的颜色预览框 | 按住 Shift 键，然后单击值旁边的颜色预览框 |
| 选择下一个/上一个属性或值 | 单击属性名称或值，然后按 Tab / Shift+Tab | 单击属性名称或值，然后按 Tab / Shift+Tab |
| 将属性值递增/递减 0.1 | 单击一个值，然后按 Option+向上箭头/Option+向下箭头 | 单击一个值，然后按 Alt+向上箭头/Alt+向下箭头 |
| 将属性值递增/递减 1 | 单击一个值，然后按向上箭头/向下箭头 | 单击一个值，然后按向上箭头/向下箭头 |
| 将属性值递增/递减 10 | 单击一个值，然后按 Shift+向上箭头/Shift+向下箭头 | 单击一个值，然后按 Shift+向上箭头/Shift+向下箭头 |
| 将属性值递增/递减 100 | 单击一个值，然后按 Command+向上箭头/Command+向下箭头 | 单击一个值，然后按 Control+向上箭头/Control+向下箭头 |
| 循环显示角度值的度数 (deg)、弧度 (grad)、弧度 (rad) 和转数 (turn) | 按住 Shift 然后单击值旁边的角度预览框 | 按住 Shift 然后单击值旁边的角度预览框 |
| 将角度值递增/递减 1 | 单击值旁边的角度预览框，然后按向上箭头/向下箭头 | 单击值旁边的角度预览框，然后按向上箭头/向下箭头 |
| 将角度值递增/递减 10 | 单击值旁边的角度预览框，然后按 Shift+向上箭头/Shift+向下箭头 | 单击值旁边的角度预览框，然后按 Shift+向上箭头/Shift+向下箭头 |
| 将角度值递增/递减 15 | 单击值旁边的角度预览框，然后按 Shift，单击/鼠标滑动角度时钟覆盖 | 单击值旁边的角度预览框，然后按 Shift，单击/鼠标滑动角度时钟覆盖 |
源代码面板的快捷键
| 动作 | MAC | Windows / Linux |
|---|
| 暂停脚本执行（如果当前正在运行）或恢复（如果当前已暂停） | F8 or Command+\ | F8 or Control+\ |
| 跳过下一个函数调用 | F10 or Command+' | F10 or Control+' |
| 进入下一个函数调用 | F11 or Command+; | F11 or Control+; |
| 跳出当前函数 | Shift+F11 or Command+Shift+; | Shift+F11 or Control+Shift+; |
| 暂停时继续执行某一行代码 | 按住 Command 然后单击代码行 | 按住 Control 然后单击代码行 |
| 选择当前所选帧下方/上方的调用帧 | Control+. / Control+, | Control+. / Control+, |
| 将更改保存到本地修改 | Command+S | Control+S |
| 保存所有更改 | Command+Option+S | Control+Alt+S |
| 跳转到某一行 | Control+G | Control+G |
| 跳转到当前打开文件的某一行 | 按 Command+O 打开命令菜单，键入 : 后跟行号，然后按 Enter | 按 Control+O 打开命令菜单，在行号后键入 :，然后按 Enter |
| 跳转到当前打开文件的某一列（例如第5行，第9列） | 按 Command+O 打开命令菜单，键入 :，然后是行号，然后是另一个 :，然后是列号，然后按 Enter | 按 Control+O 打开命令菜单，键入 :，然后是行号，然后是另一个 :，然后是列号，然后按 Enter |
| 跳转到一个函数声明（如果当前打开的文件是HTML或脚本），或一个规则集（如果当前打开的文件是样式表） | 按 Command+Shift+O，然后键入声明/规则集的名称，或从选项列表中选择它 | 按 Control+Shift+O，然后键入声明/规则集的名称，或从选项列表中选择它 |
| 关闭当前活动选项卡 | Option+W | Alt+W |
| 打开下一个或上一个选项卡 | Function+Command+Up or Down | Control+Page Up or Page Down |
| 切换左侧导航栏 | Command+Shift+Y | Control+Shift+Y |
| 切换右侧的调试器侧边栏 | Command+Shift+H | Control+Shift+H |
代码编辑器的快捷键
| 动作 | MAC | Windows / Linux |
|---|
| 删除最后一个单词中的所有字符，直到光标 | Option+Delete | Control+Delete |
| 添加或删除代码行断点 | 将光标放在该行上，然后按 Command+B | 将光标放在该行上，然后按 Control+B |
| 转到匹配的括号 | Control+M | Control+M |
| 切换单行注释。如果选择多行，DevTools 会在每行的开头添加注释 | Command+/ | Control+/ |
| 选择/取消选择光标所在的任何单词的下一个匹配项。每个事件同时突出显示 | Command+D / Command+U | Control+D / Control+U |
网络面板的快捷键
| 动作 | MAC | Windows / Linux |
|---|
| 开始 / 停止录制 | Command+E | Control+E |
| 记录一次重载 | Command+R | Control+R |
| 重新执行选定的XHR请求 | R | R |
| 隐藏所选请求的详细信息 | Escape | Escape |
性能面板的快捷键
| 动作 | MAC | Windows / Linux |
|---|
| 开始 / 停止录制 | Command+E | Control+E |
| 保存录制 | Command+S | Control+S |
| 载入录制 | Command+O | Control+O |
内存面板的快捷键
| 动作 | MAC | Windows / Linux |
|---|
| 开始 / 停止录制 | Command+E | Control+E |
控制台面板的快捷键
| 动作 | MAC | Windows / Linux |
|---|
| 接收自动完成建议 | Right Arrow or Tab | Right Arrow or Tab |
| 拒绝自动完成建议 | Escape | Escape |
| 自动完成建议列表向上或向下翻页 | Up / Down or Control+P / N | Up / Down or Control+P / N |
| 获取前一条语句 | 向上箭头 | 向上箭头 |
| 获取下一条语句 | 向下箭头 | 向下箭头 |
| 聚焦到控制台 | Control+` | Control+` |
| 清空控制台 | Command+K or Option+L | Control+L |
| 强制多行输入。请注意，DevTools 应该默认检测多行场景，因此现在通常不需要此快捷方式 | Shift+Return | Shift+Enter |
| 执行 | Return | Enter |
| 展开已记录到控制台的对象的所有子属性 | 按住 Alt 然后单击展开 > | 按住 Alt 然后单击展开 > |
查找页的快捷键
| 动作 | MAC | Windows / Linux |
|---|
| 展开/折叠所有搜索结果 | Command+Option+{ or } | Control+Shift+{ or } |
记录器面板的快捷键
| 动作 | MAC | Windows / Linux |
|---|
| 开始 / 停止录制 | Command+E | Control+E |
| 载入录制 | Command+Enter | Control+Enter |
| 复制录制或选定的步骤 | Command+C | Control+C |
| 切换代码视图 | Command+B | Control+B |