1. 打开与关闭开发者工具：
- Windows/Linux系统：按 `Ctrl+Shift+I` 或 `F12`。
- Mac系统：按 `Cmd+Option+I` 或 `F12`。
- 也可通过右键点击页面，选择“检查”快速打开（部分场景适用）。
2. 切换设备模式（手机/平板视图）：
- 打开开发者工具后，按 `Ctrl+Shift+M`（Windows/Linux）或 `Cmd+Option+M`（Mac），模拟移动设备屏幕尺寸和触屏操作。
3. 刷新页面：
- 在开发者工具打开的状态下，按 `F5` 或 `Ctrl+R`（Windows/Linux）/`Cmd+R`（Mac）刷新当前页面，同时保留工具窗口。
二、元素面板快捷键
1. 查看与编辑元素：
- 选中元素后，按 `Enter` 键直接编辑属性值（如修改宽度、颜色等）。
- 按 `Ctrl+.`（Windows/Linux）或 `Cmd+.`（Mac）快速聚焦到当前选中的元素节点。
- 按 `Ctrl+[` 或 `Ctrl+]`（Windows/Linux）/`Cmd+[` 或 `Cmd+]`（Mac）展开或折叠元素节点。
2. 跳转与搜索：
- 按 `Ctrl+F`（Windows/Linux）或 `Cmd+F`（Mac）打开搜索框，输入关键词定位元素或样式规则。
- 按方向键 `↑`/`↓` 在搜索结果中循环切换匹配项。
三、控制台与调试快捷键
1. 清除控制台日志：
- 按 `Ctrl+L`（Windows/Linux）或 `Cmd+L`（Mac）清空控制台输出内容，方便后续排查新问题。
2. 执行代码片段：
- 在控制台输入代码后，按 `Enter` 直接执行（支持单行或多行代码）。
- 按 `Ctrl+Enter`（Windows/Linux）或 `Cmd+Enter`（Mac）在当前行下方新增一行并自动缩进。
3. 断点调试：
- 在源码行号区域点击可设置断点，按 `F8` 继续执行到下一个断点，按 `F10` 逐行执行（跳过函数内部）。
- 按 `Ctrl+U`（Windows/Linux）或 `Cmd+U`（Mac）显示当前页面的HTML源代码。
四、网络面板与性能分析
1. 刷新并记录网络请求：
- 打开网络面板后，按 `F5` 或 `Ctrl+R`（Windows/Linux）/`Cmd+R`（Mac）强制刷新页面，自动捕获所有网络请求数据。
2. 筛选与搜索请求：
- 按 `Ctrl+F`（Windows/Linux）或 `Cmd+F`（Mac）在网络面板中搜索特定请求（如关键词、URL后缀）。
- 按 `Ctrl+Shift+P`（Windows/Linux）或 `Cmd+Shift+P`（Mac）过滤显示资源类型（如XHR、CSS、JS）。
3. 性能分析快捷操作：
- 在性能面板中，按 `Ctrl+R`（Windows/Linux）或 `Cmd+R`（Mac）重复记录性能数据，对比多次操作的耗时差异。
五、其他实用快捷键
1. 截图并复制：
- 按 `Ctrl+Shift+P`（Windows/Linux）或 `Cmd+Shift+P`（Mac）打开命令菜单，输入“Capture full size screenshot”生成全页截图，支持直接粘贴到剪贴板。
2. 切换面板视图：
- 按 `Esc` 键可隐藏或显示侧边栏，快速切换到全屏模式（适合小屏幕调试）。
- 按 `Ctrl+[` 或 `Ctrl+]`（Windows/Linux）/`Cmd+[` 或 `Cmd+]`（Mac）调整面板布局顺序。
3. 保存日志或配置：
- 在控制台或网络面板中，按 `Ctrl+S`（Windows/Linux）或 `Cmd+S`（Mac）快速保存当前数据为文件（需配合导出功能使用）。
