允许查看network中的请求

[Rany-yilian]

功能描述

现在开启了插件之后，如果返回的包体太大，会导致这边的console无法完全展示出来，好像是被切割了，如下图

然后network中也无法显示出请求和响应，不知道这个能不能实现出来

如果无法显示出请求参数和包体，无法分析响应体，不太方便

[leeguooooo]

已修复 - 控制台输出问题

感谢您的反馈！控制台日志被大响应体淹没的问题已在最新提交中解决。

修复内容

新增功能: 安全日志输出 (safeLogResponse)

• 响应体超过 10KB 时自动截断
• 保留头部 512 字符 + 尾部 512 字符
• 显示响应体大小提示（如 "1.2 MB"）
• 提供获取完整内容的指引

修改位置:

• src/helpers/logger.js - 纯函数实现
• background.js - 所有响应日志使用安全输出
• index.js - 调试日志使用安全输出
• 包含完整的测试覆盖（71 个测试全部通过）

效果

修复前:

[Background] 响应详情: { body: "...10MB 的 JSON..." } // 控制台被切割

修复后:

[Background] 响应详情: {
  body: {
    truncated: true,
    size: "1.2 MB",
    head: "前 512 字符...",
    tail: "...后 512 字符",
    hint: "响应体过大，已截断显示"
  }
}

Network 面板问题

关于 Network 面板无法显示请求的问题，这是 Chrome 扩展架构的限制：

原因:

• 请求在 background service worker 中执行
• DevTools Network 面板无法捕获 service worker 的 fetch 请求

临时方案:

1. 使用浏览器的开发者工具抓包
2. 使用 curl 复制请求（扩展已支持生成 curl 命令）
3. 查看控制台日志（现在不会被截断）

长期方案:

• 需要使用 chrome.debugger API（实现复杂）
• 或自建"请求历史"UI 面板（工作量较大）

如果 Network 面板支持是强需求，建议新开一个 issue 单独讨论实现方案。

---

请更新到最新版本测试，如果还有问题欢迎反馈！

[leeguooooo]

补充：使用 cURL 命令调试

本扩展已内置 cURL 命令生成功能，可以帮助您在终端中完整查看请求和响应：

使用方法:

1. 发起请求后，扩展会自动弹出 cURL 命令窗口
2. 点击复制按钮，将 cURL 命令复制到剪贴板
3. 在终端中粘贴并执行：

   curl -X GET "https://api.example.com/data" \
     -H "Content-Type: application/json" \
     -H "Authorization: Bearer xxx"

4. 终端会显示完整的响应内容，不受大小限制

优势:

• 查看完整的请求参数和响应体
• 支持重放请求，方便调试
• 可以配合 jq 等工具格式化 JSON
• 不受浏览器控制台的字符限制

示例:

# 格式化查看 JSON 响应
curl ... | jq .

# 保存响应到文件
curl ... > response.json

# 查看响应头
curl -i ...

这样即使响应体再大，您也可以在终端中完整查看和分析了。

[leeguooooo]

控制台日志问题已解决。Network 面板支持因架构限制复杂度较高，如有强需求请新开 issue 单独讨论。

[Rany-yilian]

好像还是提示过大，

[Rany-yilian]

控制台日志问题已解决。Network 面板支持因架构限制复杂度较高，如有强需求请新开 issue 单独讨论。

好像还是提示过大

[Rany-yilian]

控制台日志问题已解决。Network 面板支持因架构限制复杂度较高，如有强需求请新开 issue 单独讨论。

这个是chome架构限制了吗