1. 开发者工具基础
- 使用快捷键Ctrl+Shift+I打开开发者工具（或右键检查元素）
- 在Elements面板点击元素后按Delete键直接删除DOM节点（实时观察页面变化）
- 通过Console面板输入`$("h1").text("新标题")`快速修改页面文字内容（需启用jQuery支持）
- 在Network面板右键点击请求选择“复制为cURL”生成接口调试命令
2. 断点与日志追踪
- 在Sources面板设置行级断点（点击行号左侧）并添加条件表达式（如`i > 5`）
- 使用扩展商店安装Loglevel控制台日志分级显示（过滤非关键信息）
- 通过快捷键F10逐行执行代码，观察变量变化（配合Watch表达式监控）
- 在Console面板输入`performance.now()`记录时间戳辅助性能分析
3. 移动端模拟测试
- 在开发者工具右上角点击设备图标选择iPhone X型号（自动调整视口尺寸）
- 使用扩展商店安装Sensors模拟陀螺仪数据（测试重力感应功能）
- 通过Toggle device toolbar按钮进入全屏模式（精确测试移动端布局）
- 在Console面板输入`window.innerWidth`检测当前渲染宽度（响应式断点参考）
