Google 会使用 AI 技术将内容翻译成您偏好的语言。AI 翻译可能包含错误。

键盘快捷键

Kayce Basques

Sofia Emelianova

本页介绍了 Chrome 开发者工具中的键盘快捷键。

您还可以在工具提示中找到快捷键。将鼠标悬停在开发者工具的界面元素上，即可显示其工具提示。如果该元素有快捷键，工具提示中会显示该快捷键。

用于打开开发者工具的键盘快捷键

如需打开开发者工具，请在光标位于浏览器视口中时按以下键盘快捷键：

操作	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`

全局键盘快捷键

以下键盘快捷键适用于大多数（如果不是全部）开发者工具面板。

操作	Mac	Windows / Linux
显示设置	`?` 或 `Function`+`F1`	`?` 或 `F1`
将焦点移到下一个面板	`Command`+`]`	`Control`+`]`
将焦点移到上一个面板	`Command`+`[`	`Control`+`[`
切换回您上次使用的任何停靠位置。如果开发者工具在整个会话期间一直处于默认位置，则此快捷键会将开发者工具取消停靠到单独的窗口中	`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` 或 `Control`+`R`
强制重新加载	`Command`+`Shift`+`R`	`Control`+`F5` 或 `Control`+`Shift`+`R`
在当前面板中搜索文本。仅在元素、控制台、来源、性能、内存、JavaScript 分析器和快速来源面板中受支持。	`Command`+`F`	`Control`+`F`
打开抽屉式面板中的搜索标签页，您可以在其中搜索所有已加载的资源中的文本	`Command`+`Option`+`F`	`Control`+`Shift`+`F`
在来源面板中打开文件	`Command`+`O` 或 `Command`+`P`	`Control`+`O` 或 `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`，然后点击属性值
在 CSS 规则之间循环切换	`向上箭头` / `向下箭头`	`向上箭头` / `向下箭头`
在 CSS 规则中的属性和属性值中的控件之间循环切换	`向左键` / `向右键`	`向左键` / `向右键`
在将焦点放在属性值中的函数（例如 var、calc、clamp 等，以虚线下划线标识）时，打开 CSS 值工具提示	`Option`+`向下箭头`	`Alt`+`向下箭头`
更改颜色值的表示形式（例如 RGB、十六进制、oklch 等）	按住 `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` 或 `Command`+`\`	`F8` 或 `Control`+`\`
跳过下一个函数调用	`F10` 或 `Command`+`'`	`F10` 或 `Control`+`'`
步入下一个函数调用	`F11` 或 `Command`+`;`	`F11` 或 `Control`+`;`
跳出当前函数	`Shift`+`F11` 或 `Command`+`Shift`+`;`	`Shift`+`F11` 或 `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`+`向上` 或 `向下`	`Control`+`Page Up` 或 `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`
打开断点修改对话框以修改条件断点或日志点	将光标放在该行上，然后按 `Command`+`Alt`+`B`	将光标放在该行上，然后按 `Control`+`Alt`+`B`
打开条件断点对话框	`Command`+点击行号	`Control`+点击行号
打开日志点对话框	`Command`+`Shift`+点击行号	`Control`+`Shift`+点击行号
前往匹配的括号	`Control`+`M`	`Control`+`M`
切换单行注释。如果选择了多行，开发者工具会在每行的开头添加注释	`Command`+`/`	`Control`+`/`
选择 / 取消选择光标所在字词的下一个匹配项。每个匹配项都会同时突出显示	`Command`+`D` / `Command`+`U`	`Control`+`D` / `Control`+`U`

“网络”面板键盘快捷键

操作	Mac	Windows / Linux
搜索标头、载荷和响应	`Command`+`F`	`Control`+`F`
开始 / 停止录制	`Command`+`E`	`Control`+`E`
录制重新加载	`Command`+`R`	`Control`+`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
接受自动补全建议	`向右箭头` 或 `Tab`	`向右箭头` 或 `Tab`
拒绝自动补全建议	`Escape`	`Escape`
在自动补全列表中向上或向下导航	`向上` / `向下` 或 `Control`+`P` / `N`	`向上` / `向下` 或 `Control`+`P` / `N`
获取上一个语句	`向上箭头`	`向上箭头`
获取下一个语句	`向下箭头`	`向下箭头`
将焦点放在控制台	`Control`+`	`Control`+`
清除控制台	`Command`+`K` 或 `Option`+`L`	`Control`+`L`
强制进行多行输入。请注意，开发者工具应默认检测多行场景，因此现在通常不需要此快捷键	`Shift`+`Return`	`Shift`+`Enter`
执行	`Return`	`Enter`
展开已记录到控制台的对象的全部子属性	按住 `Alt`，然后点击展开 >	按住 `Alt`，然后点击展开 >

“搜索”标签页键盘快捷键

操作	Mac	Windows / Linux
展开/收起所有搜索结果	`Command`+`Option`+`{` 或 `}`	`Control`+`Shift`+`{` 或 `}`

“记录器”面板键盘快捷键

操作	Mac	Windows / Linux
开始或停止录制	`Command`+`E`	`Control`+`E`
重放录制内容	`Command`+`Enter`	`Control`+`Enter`
复制录制内容或所选步骤	`Command`+`C`	`Control`+`C`
切换代码视图	`Command`+`B`	`Control`+`B`

“图层”面板键盘快捷键

操作	Mac	Windows / Linux
沿 X 轴和 Y 轴移动图表	`W`（向上）、`A`（向左）、`S`（向下）、`D`（向右）	`W`（向上）、`A`（向左）、`S`（向下）、`D`（向右）
切换平移模式	`X`	`X`
切换旋转模式	`V`	`V`
重置图表的位置和旋转	`0`	`0`
放大图表	`Shift`+`+` 或向上滚动鼠标滚轮	`Shift`+`+` 或向上滚动鼠标滚轮
缩小图表	`Shift`+`-` 或向下滚动鼠标滚轮	`Shift`+`-` 或向下滚动鼠标滚轮

如未另行说明，那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可，并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情，请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。

最后更新时间 (UTC)：2024-02-20。