大模型 @dotey 2026-05-30

Codex/Claude Code 网络请求调试两法

通过 Chrome DevTools 导出 HAR 文件发给 Agent 分析，或安装 Codex Chrome 扩展直接让 AI 抓包调试，无需手动复制数据。

TL;DR · 产品解读

OpenAI Codex 和 Anthropic Claude Code 获得官方 Chrome 扩展和 HAR 导入能力，前端调试从「手动复制粘贴」进入「AI 直连抓包」时代。对 API 调试效率提升显著，但需注意数据隐私边界。

深度解读

这是一条由开发者 @dotey 分享的实操技巧，核心解决了一个长期痛点：如何将浏览器网络请求数据高效传递给 AI Coding Agent。

方案 A（HAR 导出）：用户在 Chrome DevTools → Network 面板右键导出 .har 文件，直接丢给 Codex 或 Claude Code 分析。HAR 文件包含完整的请求/响应头、body、时间线信息，AI 无需手动补全上下文。

方案 B（Codex Chrome 扩展）：安装官方 Codex Chrome Extension，AI Agent 可直接订阅浏览器网络事件，实时抓包调试，无需用户介入复制数据。

传统流程中，开发者发现 API 问题后需要：① 复制 cURL 命令 ② 手动清理敏感 header ③ 粘贴给 AI → 过程繁琐且容易遗漏关键字段。HAR 方案让 AI 拿到完整网络上下文；扩展方案更进一步，让 AI「进入」浏览器执行调试循环。

GitHub Copilot

● 未登录访客

SMARTFLOW PRO

继续阅读深度解读 + 编辑加注

下方还有 3-5 段深度分析 + Vincent 编辑加注 + 可点击信源，仅 Pro 会员可见
加入机智流 PRO →
¥99 / 季 · 每周 1 篇深度研报 · 飞书+微信群双通道

已是 Pro 但仍被提示？联系反馈

参考来源

本解读由 AI 自动生成 · 模板：产品解读 · 仅供参考，请以原文为准。