1. 日志消息类型识别
- 在控制台（ `Ctrl+Shift+J` ）中查看输出→每条日志前缀标识类型，如 `[Info]`（信息）、 `[Warn]`（警告）、 `[Error]`（错误）→快速定位关键问题。
- 使用命令行参数 `--enable-logging` →强制插件输出详细调试日志→包含时间戳和线程ID。
2. 层级缩进与分组逻辑
- 观察输出中的缩进空格→4个空格代表一级嵌套→表示代码执行顺序（如函数调用栈）。
- 在日志中查找 `>> 或 `---` 分隔符→区分不同模块的输出区域→例如网络请求与DOM操作分开。
3. 上下文关联数据解析
- 点击日志右侧的“详细信息”按钮→展开堆栈跟踪（stack trace）→查看错误发生的具体文件（如 `plugin.js:45`）和代码行号。
- 在输出中搜索关键字 `Context` →找到关联的变量值（如 `{userId: 123}`）→理解业务逻辑上下文。
4. 异步操作标记分析
- 识别 `[Async]` 前缀的日志→表示来自异步回调或Promise→检查是否标注 `Start` 和 `End` 时间戳→计算延迟时长。
- 使用 `console.time('TimerLabel')` 和 `console.timeEnd()` →在输出中查找计时器标签→分析性能瓶颈。
5. 网络请求关联分析
- 在日志中搜索 `XHR` 或 `Fetch` 关键字→匹配网络面板中的请求条目（如 `GET /api/data`）→确认接口调用状态（200/404）。
- 查看 `[Network]` 类日志→包含响应头（如 `Content-Type: application/json`）和Body摘要→验证数据传输正确性。
6. 自定义格式与结构化输出
- 在插件代码中使用 `console.table()` →将复杂对象（如数组）转换为表格形式→提升可读性。
- 通过 `%s`、 `%d` 等格式化占位符→规范输出内容（如 `Error code %d: %s` →替换为实际数值和描述）。
7. 实时过滤与搜索技巧
- 在控制台右上角输入关键词（如 `login`）→按回车键过滤无关日志→只显示相关模块的输出。
- 使用正则表达式（如 `/^Error/`）→匹配所有以“Error”开头的行→快速定位故障点。
