
1. 打开开发者工具
- 在Chrome按`F12`或右键点击页面→选择“检查”→进入开发者工具界面(基础操作)。
- 通过命令行添加参数`--auto-open=devtools`→自动启动工具→方便调试(重启生效)。
2. 查看控制台日志
- 在开发者工具中切换到“Console”标签→实时显示JavaScript错误、警告和自定义输出(高级操作)。
- 通过命令行添加参数`--console-log=true`→强制启用详细日志→记录所有活动(保持频率适中)。
3. 过滤和搜索日志内容
- 在控制台点击右侧过滤器→选择“Errors”或自定义关键词→快速定位问题(用户交互)。
- 通过命令行添加参数`--filter-console=404`→仅显示HTTP错误→简化排查(优化性能)。
4. 执行JavaScript代码
- 在控制台输入`console.log("测试")`→验证脚本运行环境→检查变量值(排除故障)。
- 通过命令行添加参数`--execute=alert('Hello')`→自动执行代码→测试兼容性(需保持系统兼容性)。
5. 清除控制台历史记录
- 在控制台点击右上角垃圾桶图标→清空所有日志→避免混淆新旧信息(基础操作)。
- 通过命令行添加参数`--clear-console=true`→每次启动自动清理→保持整洁(重启生效)。