Chrome 开发者工具速查表

Chrome 开发者工具中 56 个键盘快捷键的可视化速查表。

#键盘快捷键

#打开开发者工具

快捷键	操作
`Ctrl` `Shift` `I`	打开上次使用的面板
`Ctrl` `Shift` `J`	打开控制台面板
`Ctrl` `Shift` `C`	打开元素面板

#全局快捷键

快捷键	操作
`F1`	显示设置
`Ctrl` `]`	聚焦下一个面板
`Ctrl` `[`	聚焦上一个面板
`Ctrl` `Shift` `D`	切换回上次使用的停靠位置
`Ctrl` `Shift` `M`	切换设备模式
`Ctrl` `Shift` `C`	切换检查元素模式
`Ctrl` `Shift` `P`	打开命令菜单
`Esc`	切换抽屉
`Ctrl` `R`	普通刷新
`Ctrl` `Shift` `R`	强制刷新
`Ctrl` `F`	在当前面板中搜索文本
`Ctrl` `Shift` `F`	在抽屉中打开搜索标签页
`Ctrl` `P`	在源代码面板中打开文件
`Ctrl` `Shift` `+`	放大
`Ctrl` `-`	缩小
`Ctrl` `0`	恢复默认缩放级别
`Ctrl` `O` `!`	运行代码片段

#元素面板

快捷键	操作
`Ctrl` `Z`	撤销更改
`Ctrl` `Y`	重做更改
`Up/Down`	选择当前选中元素上方或下方的元素
`Right`	展开当前选中的节点
`Left`	折叠当前选中的节点
`Enter`	在当前选中的元素上切换编辑属性模式
`Tab`	进入编辑属性模式后选择下一个属性
`Shift` `Tab`	进入编辑属性模式后选择上一个属性
`H`	隐藏当前选中的元素
`F2`	在当前选中的元素上切换“编辑为 HTML”模式

#源代码面板

快捷键	操作
`Ctrl` `\`	暂停脚本执行（如果正在运行），或恢复（如果已暂停）
`Ctrl` `'`	跳过下一个函数调用
`Ctrl` `;`	进入下一个函数调用
`Ctrl` `Shift` `;`	跳出当前函数
`Ctrl` `./,`	选择当前选中帧上方或下方的调用帧
`Ctrl` `S`	将更改保存到本地修改
`Ctrl` `Alt` `S`	保存所有更改
`Ctrl` `G`	转到行
`Alt` `W`	关闭活动标签页

#代码编辑器

快捷键	操作
`Ctrl` `Del`	删除光标前最后一个单词中的所有字符
`Ctrl` `M`	转到匹配的括号
`Ctrl` `/`	切换单行注释
`Ctrl` `D`	选择光标所在单词的下一个匹配项
`Ctrl` `U`	取消选择光标所在单词的下一个匹配项

#性能面板

快捷键	操作
`Ctrl` `E`	开始或停止录制
`Ctrl` `S`	保存录制
`Ctrl` `O`	加载录制

#内存面板

快捷键	操作
`Ctrl` `E`	开始或停止录制

#控制台面板

快捷键	操作
`Tab`	接受自动完成建议
`Esc`	拒绝自动完成建议
`Up`	获取上一条语句
`Down`	获取下一条语句
`Ctrl` `	聚焦控制台
`Ctrl` `L`	清除控制台
`Shift` `Enter`	强制多行输入
`Enter`	执行

#另请参阅

Chrome 开发者工具键盘快捷键 (developers.google.com)