教程详情
- `Ctrl+Shift+I`（Windows）或`Cmd+Opt+I`（Mac）：直接打开与当前标签页绑定的开发者工具。
- `Ctrl+Shift+P`（Windows）或`Cmd+Opt+P`（Mac）：打开命令菜单，输入“DevTools”可快速跳转到工具界面。
- `F12`：通用快捷键，功能同上（部分系统可能被其他程序占用需手动设置）。
2. 面板切换与操作
- `Ctrl+1`~`Ctrl+6`（Windows）或`Cmd+1`~`Cmd+6`（Mac）：依次切换元素、控制台、网络、性能、应用、安全面板。
- `Ctrl+Shift+C`（Windows）或`Cmd+Shift+C`（Mac）：启用元素检查模式，鼠标点击网页可直接定位对应代码。
- `Ctrl+Shift+E`（Windows）或`Cmd+Shift+E`（Mac）：在元素面板中聚焦到样式编辑区域，快速修改CSS属性。
3. 视图控制与刷新
- `Esc`：退出当前面板或停止调试工具的全屏模式。
- `Ctrl+R`（Windows）或`Cmd+R`（Mac）：刷新页面并持续记录网络请求（等效于点击“刷新”按钮）。
- `Ctrl+Shift+R`（Windows）或`Cmd+Shift+R`（Mac）：强制刷新缓存，用于测试资源更新效果。
4. 网络面板专用
- `Ctrl+Shift+P`（Windows）或`Cmd+Shift+P`（Mac）：在网络面板中暂停/继续捕获请求。
- `Ctrl+F`（Windows）或`Cmd+F`（Mac）：过滤请求名称（如输入“.jpg”只显示图片资源）。
- `Alt+Click`（Windows）或`Option+Click`（Mac）：点击某个请求后按此组合键，直接复制请求URL到剪贴板。
5. 控制台与调试
- `Ctrl+Enter`（Windows）或`Cmd+Enter`（Mac）：在控制台执行当前行命令（无需焦点在输入框）。
- `Arrow Up/Down`（方向键上下）：浏览控制台历史命令，快速复用之前输入的代码。
- `Ctrl+Shift+J`（Windows）或`Cmd+Opt+J`（Mac）：在控制台面板中展开/折叠所有日志分组。
6. 移动端模拟与适配
- `Ctrl+Shift+M`（Windows）或`Cmd+Shift+M`（Mac）：切换设备模式（手机/平板/自定义尺寸）。
- `Ctrl+0`（Windows）或`Cmd+0`（Mac）：重置缩放比例到默认值（常用于测试响应式布局后恢复）。
7. 其他实用操作
- `Space`（空格键）：在元素面板中折叠/展开选中节点的子元素。
- `Backspace`（退格键）或`Delete`：删除选中节点或属性（需在元素编辑模式下操作）。
- `Tab`（标签键）：在样式编辑区域快速缩进当前CSS代码块。
