Chrome DevTools Shortcuts
5 categories · 39 shortcuts
01
打开 DevTools
4 shortcuts- 打开开发者工具F12windows
- 打开开发者工具Ctrl+Shift+Iwindows
- 打开控制台Ctrl+Shift+Jwindows
- 检查元素Ctrl+Shift+Cwindows
02
面板导航
5 shortcuts- 下一个面板Ctrl+]windows
- 上一个面板Ctrl+[windows
- 切换停靠位置(底部/右侧)Ctrl+Shift+Dwindows
- 切换抽屉Esc
- 切换设备模式Ctrl+Shift+Mwindows
03
元素面板
6 shortcuts- 导航元素Up/Down
- 折叠/展开元素Left/Right
- 编辑属性/文本Enter
- 隐藏元素H
- 删除元素Delete
- 撤销Ctrl+Zwindows
04
源代码与调试
7 shortcuts- 搜索文件Ctrl+Pwindows
- 跳转到行Ctrl+Gwindows
- 单步跳过F10windows
- 单步进入F11windows
- 单步跳出Shift+F11windows
- 继续F8windows
- 切换断点Ctrl+F8windows
05
控制台
6 shortcuts- 清空控制台Ctrl+Lwindows
- 上一条历史记录Up
- 下一条历史记录Down
- 自动补全Tab
- 执行Enter
- 换行(多行)Shift+Enter
