谷歌开发工具(以下用开发者工具简称），是基于谷歌浏览器内含的一套网页制作和调试工具,了解快捷方式使用有助于提高调试效率！
常用快捷方式
面板快捷方式
| 快捷方式(Mac) | 快捷方式 (Windows、Linux、ChromeOS) | 功能 |
|---|
| Command+ Option+ C | Control+ Shift+ C | 打开调试工具 Element 面板 |
| Command+ Option+ J | Control+ Shift+ J | 打开调试工具 Console 面板 |
| Command+ Option+ I | Control+ Shift+ I | 打开您打开的最后一个调试工具面板 |
| Command+] | Control+] | 聚焦下一个面板 |
| Command+[ | Control+[ | 聚焦上一个面板 |
| Command+ Shift+M | Control+ Shift+M | 切换设备模式（移动设备模式/Pc 模式） |
| Command+ Shift+P | Control+ Shift+P | 打开命令菜单 |
| Escape | Escape | 开启/关闭二级抽屉面板 |
| Command+R F5 | Control+R | 正常重载 |
| Command+ Shift+R | Control+F5 或 Control+ Shift+R+R | 硬重载 |
| Command+F | Control+F | 在当前面板中搜索文本 |
| Command+ Option+F | Control+ Shift+F | 开启二级抽屉面板搜索，针对所有加载资源搜索 |
| Command+O 或 Command+P | Control+O 或 Control+P | 在源面板中打开文件 |
| 按 Command+O 打开 Command Menu，键入!后跟脚本的名称，然后按 Enter | 按 Control+O 打开 Command Menu，键入!后跟脚本的名称，然后按 Enter | 运行脚本片段 |
| Command+ Shift++ | Control+ Shift++ | 放大 |
| Command+ Shift+- | Control+ Shift+- | 缩小 |
| Command+ Shift+ 0 | Control+ Shift+0 | 恢复默认缩放级别 |
元素面板键盘常用快捷键
| 快捷方式(Mac) | 快捷方式 (Windows、Linux、ChromeOS) | 功能 |
|---|
| Command+Z | Control+Z | 撤消更改 |
| Command+ Shift+Z | Control+Y | 重做更改 |
| 上/下箭头 | 上/下箭头 | 上下箭头选择选定元素上方/下方元素 |
| 左箭头 | 左箭头 | 折叠当前选中的节点。如果节点已经折叠，此快捷方式将选择其上方的元素 |
| 右箭头 | 右箭头 | 展开当前选定的节点。如果节点已展开，此快捷方式将选择其下方的元素 |
| Enter | Enter | 在当前选定的元素上切换编辑属性模式 |
| Tab/ Shift+Tab | Tab/ Shift+Tab | 进入编辑属性模式后选择下一个/上一个属性 |
| H | H | 隐藏/取消隐藏当前选中的元素 |
| Function+F2 | F2 | 在当前选定的元素上切换编辑为 HTML 模式 |
Source 面板键盘快捷键
| 快捷方式(Mac) | 快捷方式 (Windows、Linux、ChromeOS) | 功能 |
|---|
| Command+S | Control+S | 保存对本地修改的更改 |
| Command+ Option+S | Control+ Alt+S | 保存所有更改 |
| Control+G | Control+G | 跳转至代码多少行 |
| Command+O 输入:行号：列后 enter | Command+O 输入:行号：列后 enter | 跳转到当前打开文件的某一列（例如第 5 行第 9 列） |
| Command+ Shift+ O 输入声明/规则集的名称 | Control+ Shift+ O 输入声明/规则集的名称 | 跳转当前文件的声明/规则集处 |
代码编辑器快捷键
| 快捷方式(Mac) | 快捷方式 (Windows、Linux、ChromeOS) | 功能 |
|---|
| Control+ M | Control+M | 转到对应函数匹配的结束括号 |
| Command+ D/ Command+U | Control+ D/ Control+U | 选择/取消选择光标所在单词的下一次出现。每个事件同时突出显示 |
Network 面板键盘快捷键
| 快捷方式(Mac) | 快捷方式 (Windows、Linux、ChromeOS) | 功能 |
|---|
| Command+E | Control+E | 开始/停止录制网络请求 |
| R | R | 重新请求选定的 XHR 请求（等同于右键 Replay XHR） |
Perfomance 面板键盘快捷键
| 快捷方式(Mac) | 快捷方式 (Windows、Linux、ChromeOS) | 功能 |
|---|
| Command+E | Control+E | 开始/停止录制 |
| Command+Shift+E | Control+Shift+E | 录制当前页面 load 过程 |
| Command+S | Control+S | 保存录制 json 信息 |
| Command+O | Control+O | 导入录制 json 信息，加载性能展示界面 |
