| 快捷键 | 执行操作 |
|---|---|
Ctrl Shift I |
打开上次使用的开发者工具面板 |
Ctrl Shift J |
直接打开控制台面板 (Console) |
Ctrl Shift C |
打开元素检查面板 (Elements) |
| 快捷键 | 执行操作 |
|---|---|
F1 |
打开 DevTools 设置面板 |
Ctrl ] |
切换焦点至下一个面板 |
Ctrl [ |
切换焦点至上一个面板 |
Ctrl Shift D |
切换回上次使用的面板停靠位置（底部/右侧/独立窗口） |
Ctrl Shift M |
切换设备仿真模式 (Device Mode) |
Ctrl Shift C |
开启/关闭元素检查箭头选择模式 |
Ctrl Shift P |
打开命令菜单 (Command Menu) |
Esc |
打开或关闭底部 Drawer 抽屉面板 |
Ctrl R |
普通重新加载网页 |
Ctrl Shift R |
硬性重新加载网页（清除缓存刷新） |
Ctrl F |
在当前面板内搜索文本 |
Ctrl Shift F |
在 Drawer 面板中打开全局搜索标签页 |
Ctrl P |
在 Sources 面板中快速打开文件 |
Ctrl Shift + |
放大开发者工具界面 |
Ctrl - |
缩小开发者工具界面 |
Ctrl 0 |
恢复开发者工具默认缩放比例 |
Ctrl O ! |
运行 Snippet 代码片段 |
| 快捷键 | 执行操作 |
|---|---|
Ctrl Z |
撤销 DOM 节点修改 |
Ctrl Y |
重做 DOM 节点修改 |
Up/Down |
选择当前选中元素上方或下方的 DOM 节点 |
Right |
展开当前选中的 DOM 节点树 |
Left |
折叠当前选中的 DOM 节点树 |
Enter |
开启/关闭编辑当前选中元素的属性模式 |
Tab |
编辑属性模式下，切换选择下一个属性 |
Shift Tab |
编辑属性模式下，切换选择上一个属性 |
H |
隐藏或显示当前选中的 DOM 元素 |
F2 |
切换当前选中元素的“Edit as HTML”直接编辑模式 |
| 快捷键 | 执行操作 |
|---|---|
Ctrl \ |
暂停 JavaScript 脚本执行（运行中时）或恢复继续运行（暂停时） |
Ctrl ' |
单步跳过下一个函数调用 (Step over) |
Ctrl ; |
单步进入下一个函数调用 (Step into) |
Ctrl Shift ; |
单步跳出当前函数 (Step out) |
Ctrl ./, |
选择当前选中帧下方或上方的调用栈帧 (Call Frame) |
Ctrl S |
保存修改至本地文件 |
Ctrl Alt S |
保存所有修改 |
Ctrl G |
跳转至指定代码行 |
Alt W |
关闭当前活动文件标签页 |
| 快捷键 | 执行操作 |
|---|---|
Ctrl Del |
删除光标所在位置之前的上一个单词所有字符 |
Ctrl M |
跳转至匹配的括号处 |
Ctrl / |
添加或取消单行注释 |
Ctrl D |
选择光标所在单词的下一个相同匹配项 (多光标) |
Ctrl U |
取消选择下一个相同匹配项 |
| 快捷键 | 执行操作 |
|---|---|
Ctrl E |
开始或停止性能分析录制 (Record) |
Ctrl S |
保存性能分析录制文件 |
Ctrl O |
加载性能分析录制文件 |
| 快捷键 | 执行操作 |
|---|---|
Ctrl E |
开始或停止堆快照内存录制 |
| 快捷键 | 执行操作 |
|---|---|
Tab |
接受自动补全建议 |
Esc |
拒绝/关闭自动补全建议 |
Up |
获取历史输入的上条语句 |
Down |
获取历史输入的下条语句 |
Ctrl ` |
聚焦光标至 Console 控制台 |
Ctrl L |
清空控制台屏幕 |
Shift Enter |
强行换行输入多行代码 |
Enter |
执行当前输入的代码 |