访问 DevTools
| 访问 DevTools | 在 Windows 上 | 在 Mac 上 |
|---|---|---|
| 打开 Developer Tools | F12、Ctrl + 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 |
| 刷新页面 | F5、Ctrl + R | Cmd + R |
| 刷新忽略缓存内容的页面 | Ctrl + F5、Ctrl + Shift + R | Cmd + Shift + R |
| 在当前文件或面板中搜索文本 | Ctrl + F | Cmd + F |
| 在所有源中搜索文本 | Ctrl + Shift + F | Cmd + Opt + F |
| 按文件名搜索（除了在 Timeline 上） | Ctrl + O、Ctrl + P | Cmd + O、Cmd + P |
| 放大（焦点在 DevTools 中时） | Ctrl + + | Cmd + Shift + + |
| 缩小 | Ctrl + – | Cmd + Shift + – |
| 恢复默认文本大小 | Ctrl + 0 | Cmd + 0 |
按面板分类的键盘快捷键
Elements
| Elements 面板 | Windows | Mac |
|---|---|---|
| 撤消更改 | Ctrl + Z | Cmd + Z |
| 重做更改 | Ctrl + Y | Cmd + Y、Cmd + Shift + Z |
| 导航 | 向上键、向下键 | 向上键、向下键 |
| 展开/折叠节点 | 向右键、向左键 | 向右键、向左键 |
| 展开节点 | 点击箭头 | 点击箭头 |
| 展开/折叠节点及其所有子节点 | Ctrl + Alt + 点击箭头图标 | Opt + 点击箭头图标 |
| 编辑属性 | Enter、双击属性 | Enter、双击属性 |
| 隐藏元素 | H | H |
| 切换为以 HTML 形式编辑 | F2 |
Styles 边栏
Styles 边栏中可用的快捷键：
| Styles 边栏 | Windows | Mac |
|---|---|---|
| 编辑规则 | 点击 | 点击 |
| 插入新属性 | 点击空格 | 点击空格 |
| 转到源中样式规则属性声明行 | Ctrl + 点击属性 | Cmd + 点击属性 |
| 转到源中属性值声明行 | Ctrl + 点击属性值 | Cmd + 点击属性值 |
| 在颜色定义值之间循环 | Shift + 点击颜色选取器框 | Shift + 点击颜色选取器框 |
| 编辑下一个/上一个属性 | Tab、Shift + Tab | Tab、Shift + Tab |
| 增大/减小值 | 向上键、向下键 | 向上键、向下键 |
| 以 10 为增量增大/减小值 | Shift + Up、Shift + Down | Shift + Up、Shift + Down |
| 以 10 为增量增大/减小值 | PgUp、PgDown | PgUp、PgDown |
| 以 100 为增量增大/减小值 | Shift + PgUp、Shift + PgDown | Shift + PgUp、Shift + PgDown |
| 以 0.1 为增量增大/减小值 | Alt + 向上键、Alt + 向下键 | Opt + 向上键、Opt + 向下键 |
Sources
| Sources 面板 | Windows | Mac |
|---|---|---|
| 暂停/继续脚本执行 | F8、Ctrl + \ | F8、Cmd + \ |
| 越过下一个函数调用 | F10、Ctrl + ‘ | F10、Cmd + ‘ |
| 进入下一个函数调用 | F11、Ctrl + ; | F11、Cmd + ; |
| 跳出当前函数 | Shift + F11、Ctrl + Shift + ; | Shift + F11、Cmd + 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 + K、Opt + 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 |