09:35宝玉@dotey在开发网页程序时,服务端 API 交互代码出现故障或需要优化时,通常需要分析网络请求数据。本文介绍了两种让 AI 编程助手自动获取数据的方法:一是从 Chrome DevTools 导出 HAR 文件并交给 Codex 分析;二是安装 Codex 的 Chrome 插件,通过 @chrome 指令让 Codex 直接抓包调试。这些技巧能显著提升调试效率,避免手动复制粘贴的繁琐。技巧调试技巧网络请求CodexChrome DevToolsHAR推荐理由:前端开发者调试 API 时最烦手动复制粘贴网络请求,这两种方法让 Codex 自己抓数据,省时省力,建议做 Web 开发的直接试试。原文
09:29shao__meng@shao__meng83°Chrome DevTools for Agents 1.0 正式发布,为 AI Agent 提供在真实浏览器中观察行为、检查输出的能力。它支持 MCP server、CLI 和 Agent skills 三种接入方式,并开放了七个核心能力,包括自动化质量审计、真实用户环境模拟、Chrome 扩展调试、WebMCP 工具调试、内存泄漏检测、会话接管以及第三方工具状态暴露。该工具让 Agent 能“看见浏览器”,显著降低集成门槛,提升调试效率。对于开发 AI Agent 或需要自动化浏览器操作的团队,这是一个重要的基础设施更新。AI产品Chrome DevToolsAI AgentMCP/工具浏览器自动化调试工具推荐理由:做 Agent 开发或浏览器自动化的团队终于有了官方调试工具——Chrome DevTools 直接开放给 Agent,省去自己造轮子的麻烦,建议直接接入试试。原文