1. 打开开发者工具：在Windows或Linux系统上，按`Ctrl + Shift + I`或`F12`键；在Mac系统上，按`Cmd + Option + I`或`F12`键。
2. 切换设备模式：按`Toggle device mode`（通常是`Ctrl + Shift + M`或点击工具栏上的设备图标），可以模拟移动设备查看网页效果。
3. 切换到控制台：按`Escape`键可快速切换到控制台（Console）面板，方便查看日志输出、调试信息等。
4. 刷新页面：在开发者工具打开的情况下，按`F5`键或点击工具栏上的刷新按钮，可刷新当前页面，同时保持开发者工具窗口处于打开状态。
5. 暂停/继续脚本执行：在“Sources”面板中，当代码正在运行时，按`Pause`键（在大多数键盘上是`F8`）可暂停脚本执行，方便进行调试；再次按`Pause`键或点击“Resume script execution”按钮可继续执行脚本。
6. 查找元素：按`Ctrl + Shift + C`（在Mac上为`Cmd + Shift + C`），然后鼠标点击页面上的元素，可在“Elements”面板中快速定位到该元素的HTML代码。
7. 展开/折叠元素：在“Elements”面板中，按`Enter`键或双击元素名称前的图标，可展开或折叠该元素及其子元素。
8. 修改元素样式：在“Elements”面板中选中要修改样式的元素后，可直接在右侧的“Styles”区域编辑CSS样式，按`Enter`键确认修改。
9. 添加/删除属性：在“Elements”面板中右键点击元素，选择“Edit as HTML”或直接在元素标签上双击，可添加或修改元素的属性，按`Enter`键确认。要删除属性，选中属性后按`Delete`键。
10. 切换到网络面板：按`Ctrl + Shift + N`（在Mac上为`Cmd + Shift + N`）可快速切换到“Network”面板，查看页面的网络请求情况，包括请求头、响应头、加载时间等信息。
11. 过滤网络请求：在“Network”面板中，可使用快捷键`Alt + 点击列标题`（如“Method”“Status”“Domain”等）对网络请求进行排序和过滤，方便查找特定的请求。
12. 清除网络缓存：在“Network”面板中，按`Ctrl + R`（在Mac上为`Cmd + R`）可清除网络缓存并重新加载页面，有助于查看最新的网络请求情况。
