Missed the action at the 2018 Chrome Dev Summit? Catch up with our playlist on the Google Chrome Developers channel on YouTube. Watch now.

键盘快捷键参考

本页介绍 Chrome DevTools 中所有键盘快捷键的参考信息。一些快捷键全局可用,而其他快捷键会特定于单一面板。

您也可以在提示中找到快捷键。将鼠标悬停在 DevTools 的 UI 元素上可以显示元素的提示。 如果元素有快捷键,提示将包含快捷键。

访问 DevTools

访问 DevTools 在 Windows 上 在 Mac 上
打开 Developer Tools F12Ctrl + Shift + I Cmd + Opt + I
打开/切换检查元素模式和浏览器窗口 Ctrl + Shift + C Cmd + Shift + C
打开 Developer Tools 并聚焦到控制台 Ctrl + Shift + J Cmd + Opt + J
检查检查器(取消停靠第一个后按) Ctrl + Shift + I Cmd + Opt + I

全局键盘快捷键

下列键盘快捷键可以在所有 DevTools 面板中使用:

全局快捷键 Windows Mac
显示一般设置对话框 ?F1 ?
下一个面板 Ctrl + ] Cmd + ]
上一个面板 Ctrl + [ Cmd + [
在面板历史记录中后退 Ctrl + Alt + [ Cmd + Opt + [
在面板历史记录中前进 Ctrl + Alt + ] Cmd + Opt + ]
更改停靠位置 Ctrl + Shift + D Cmd + Shift + D
打开 Device Mode Ctrl + Shift + M Cmd + Shift + M
切换控制台/在设置对话框打开时将其关闭 Esc Esc
刷新页面 F5Ctrl + R Cmd + R
刷新忽略缓存内容的页面 Ctrl + F5Ctrl + Shift + R Cmd + Shift + R
在当前文件或面板中搜索文本 Ctrl + F Cmd + F
在所有源中搜索文本 Ctrl + Shift + F Cmd + Opt + F
按文件名搜索(除了在 Timeline 上) Ctrl + OCtrl + P Cmd + OCmd + P
放大(焦点在 DevTools 中时) Ctrl + + Cmd + Shift + +
缩小 Ctrl + - Cmd + Shift + -
恢复默认文本大小 Ctrl + 0 Cmd + 0

按面板分类的键盘快捷键

Elements

Elements 面板 Windows Mac
撤消更改 Ctrl + Z Cmd + Z
重做更改 Ctrl + Y Cmd + YCmd + Shift + Z
导航 向上键向下键 向上键向下键
展开/折叠节点 向右键向左键 向右键向左键
展开节点 点击箭头 点击箭头
展开/折叠节点及其所有子节点 Ctrl + Alt + 点击箭头图标 Opt + 点击箭头图标
编辑属性 Enter双击属性 Enter双击属性
隐藏元素 H H
切换为以 HTML 形式编辑 F2

Styles 边栏

Styles 边栏中可用的快捷键:

Styles 边栏 Windows Mac
编辑规则 点击 点击
插入新属性 点击空格 点击空格
转到源中样式规则属性声明行 Ctrl + 点击属性 Cmd + 点击属性
转到源中属性值声明行 Ctrl + 点击属性值 Cmd + 点击属性值
在颜色定义值之间循环 Shift + 点击颜色选取器框 Shift + 点击颜色选取器框
编辑下一个/上一个属性 TabShift + Tab TabShift + Tab
增大/减小值 向上键向下键 向上键向下键
以 10 为增量增大/减小值 Shift + UpShift + Down Shift + UpShift + Down
以 10 为增量增大/减小值 PgUpPgDown PgUpPgDown
以 100 为增量增大/减小值 Shift + PgUpShift + PgDown Shift + PgUpShift + PgDown
以 0.1 为增量增大/减小值 Alt + 向上键Alt + 向下键 Opt + 向上键Opt + 向下键

Sources

Sources 面板 Windows Mac
暂停/继续脚本执行 F8Ctrl + \ F8Cmd + \
越过下一个函数调用 F10Ctrl + ' F10Cmd + '
进入下一个函数调用 F11Ctrl + ; F11Cmd + ;
跳出当前函数 Shift + F11Ctrl + Shift + ; Shift + F11Cmd + Shift + ;
选择下一个调用框架 Ctrl + . Opt + .
选择上一个调用框架 Ctrl + , Opt + ,
切换断点条件 点击行号Ctrl + B 点击行号Cmd + B
编辑断点条件 右键点击行号 右键点击行号
删除各个单词 Ctrl + Delete Opt + Delete
为某一行或选定文本添加注释 Ctrl + / Cmd + /
将更改保存到本地修改 Ctrl + S Cmd + S
保存所有更改 Ctrl + Alt + S Cmd + Opt + S
转到行 Ctrl + G Ctrl + G
按文件名搜索 Ctrl + O Cmd + O
跳转到行号 Ctrl + P + 数字 Cmd + P + 数字
跳转到列 Ctrl + O + 数字 + 数字 Cmd + O + 数字 + 数字
转到成员 Ctrl + Shift + O Cmd + Shift + O
关闭活动标签 Alt + W Opt + W
运行代码段 Ctrl + Enter Cmd + Enter

在代码编辑器内

代码编辑器 Windows Mac
转到匹配的括号 Ctrl + M
跳转到行号 Ctrl + P + 数字 Cmd + P + 数字
跳转到列 Ctrl + O + 数字 + 数字 Cmd + O + 数字 + 数字
切换注释 Ctrl + / Cmd + /
选择下一个实例 Ctrl + D Cmd + D
撤消上一个选择 Ctrl + U Cmd + U

Timeline

Timeline 面板 Windows Mac
开始/停止记录 Ctrl + E Cmd + E
保存时间线数据 Ctrl + S Cmd + S
加载时间线数据 Ctrl + O Cmd + O

Profiles

Profiles 面板 Windows Mac
开始/停止记录 Ctrl + E Cmd + E

控制台

控制台快捷键 Windows Mac
接受建议 向右键 向右键
上一个命令/行 向上键 向上键
下一个命令/行 向下键 向下键
聚焦到控制台 Ctrl + ` Ctrl + `
清除控制台 Ctrl + L Cmd + KOpt + L
多行输入 Shift + Enter Ctrl + Return
执行 Enter Return

Device Mode

Device Mode 快捷键 Windows Mac
双指张合放大和缩小 Shift + 滚动 Shift + 滚动

抓屏时

抓屏快捷键 Windows Mac
双指张合放大和缩小 Alt + 滚动Ctrl + 点击并用两个手指拖动 Opt + 滚动Cmd + 点击并用两个手指拖动
检查元素工具 Ctrl + Shift + C Cmd + Shift + C