Cheat Sheet 速查表

Chrome DevTools 快捷键速查表

2021年05月18日

Chrome 开发者工具中的 56 个键盘快捷键的可视化备忘单

打开 DevTools

操作 Mac快捷键 Win快捷键
打开您上次使用的任何面板 Cmd + Shift + I Ctrl + Shift + I
打开控制台面板 Cmd + Shift + J Ctrl + Shift + J
打开元素面板 Cmd + Shift + C Ctrl + Shift + C

全局快捷键

操作 Mac快捷键 Win快捷键
显示设置 F1 F1
关注下一专题 Cmd + ] Ctrl + ]
聚焦上一个面板 Cmd + [ Ctrl + [
切换回上次使用的对接位置 Cmd + Shift + D Ctrl + Shift + D
切换设备模式 Cmd + Shift + M Ctrl + Shift + M
切换检查元素模式 Cmd + Shift + C Ctrl + Shift + C
打开命令菜单 Cmd + Shift + P Ctrl + Shift + P
切换抽屉 Esc Esc
正常重新加载 Cmd + R Ctrl + R
硬重载 Cmd + Shift + R Ctrl + Shift + R
在当前面板中搜索文本 Cmd + F Ctrl + F
打开抽屉中的“搜索”选项卡 Cmd + Shift + F Ctrl + Shift + F
在“源”面板中打开文件 Cmd + P Ctrl + P
放大 Cmd + Shift + + Ctrl + Shift + +
缩小 Cmd + - Ctrl + -
恢复默认缩放级别 Cmd + 0 Ctrl + 0
运行代码片段 Cmd + O + ! Ctrl + O + !

元素面板

操作 Mac快捷键 Win快捷键
撤消更改 Cmd + Z Ctrl + Z
重做更改 Cmd + Y Ctrl + Y
选择当前选定元素上方或下方的元素 Up/Down Up/Down
展开当前选定的节点 向右 向右
折叠当前选定的节点 向左 向左
在当前选定元素上切换编辑属性模式 Enter Enter
进入编辑属性模式后选择下一个属性 Tab Tab
进入编辑属性模式后选择上一个属性 Shift + Tab Shift + Tab
隐藏当前选定的元素 H H
在当前选定元素上切换为 HTML 编辑模式 F2 F2

来源面板

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

代码编辑器

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

性能面板

操作 Mac快捷键 Win快捷键
开始或停止录制 Cmd + E Ctrl + E
保存录音 Cmd + S Ctrl + S
负载记录 Cmd + O Ctrl + O

内存面板

操作 Mac快捷键 Win快捷键
开始或停止录制 Cmd + E Ctrl + E

控制台面板

操作 Mac快捷键 Win快捷键
接受自动完成建议 Tab Tab
拒绝自动完成建议 Esc Esc
获取先前的语句 向上 向上
获取下一语句 向下 向下
聚焦控制台 Cmd + ``` Ctrl + ```
清除控制台 Cmd + L Ctrl + L
强制多行输入 Shift + Enter Shift + Enter
执行 Enter Enter
标签: browser Chrome DevTools 快捷键 速查表