https://txtmix.com/tags/%E8%B0%83%E8%AF%95%E8%87%AA%E5%8A%A8%E5%8C%96/Recent content in 调试自动化 on Text MatrixHugozh-cnTue, 21 Jul 2026 20:06:14 +0800https://txtmix.com/posts/tech/chrome-devtools-mcp-ai-agent-browser-debug-mcp/Thu, 09 Jul 2026 02:55:00 +0800https://txtmix.com/posts/tech/chrome-devtools-mcp-ai-agent-browser-debug-mcp/<h1 id="chrome-devtools-mcp把-chrome-devtools-完整能力切给-coding-agent">chrome-devtools-mcp：把 Chrome DevTools 完整能力切给 Coding Agent</h1> <h2 id="一句话核心判断">一句话核心判断</h2> <p>chrome-devtools-mcp（仓库 <code>ChromeDevTools/chrome-devtools-mcp</code>）做的事可以一句话总结：让 Coding Agent 像一个熟练的前端工程师一样使用 Chrome DevTools。它把 DevTools 的 26+ 工具拆成&quot;输入自动化 / 导航 / 仿真 / 性能 / 网络 / 调试 / 内存 / 扩展&quot;等组，按 MCP 协议暴露给 Claude Code、Cursor、Copilot 等客户端。和&quot;用 Puppeteer 给 Agent 写一层薄薄 wrapper&quot;最大的差别是——性能 trace、堆快照分析、Lighthouse 审计这些 DevTools 的&quot;高级货&quot;，MCP 协议一次绑定就能调用。</p>