1. 打开开发者工具
- 在Chrome按`Ctrl+Shift+I`或右键点击页面→选择“检查”→显示元素和网络面板（基础操作）。
- 通过命令行添加参数`--auto-open-devtools=true`→启动时自动打开工具→方便调试（重启生效）。
2. 切换设备模拟模式
- 在开发者工具点击右上角手机图标→选择设备型号→模拟移动端浏览效果（高级操作）。
- 通过命令行添加参数`--mobile-emulation=iPhoneX`→预设手机类型→快速测试响应式（保持频率适中）。
3. 使用命令面板执行代码
- 在开发者工具按`Esc`打开控制台→输入`console.log("Test")`→验证脚本运行（用户交互）。
- 通过命令行添加参数`--execute-js="alert('Hello')"`→自动弹出提示框→测试弹窗功能（优化性能）。
4. 修改网络请求参数
- 在开发者工具切换到“网络”标签→右键点击请求→选择“编辑请求”→修改URL或头信息（排除故障）。
- 通过命令行添加参数`--network-modifier=true`→允许篡改网络数据→适合接口调试（需保持系统兼容性）。
5. 录制和重放用户操作
- 在开发者工具切换到“Sources”标签→点击“录制”按钮→模拟用户点击和输入（基础操作）。
- 通过命令行添加参数`--record-replay=true`→自动生成操作脚本→重复测试流程（重启生效）。