Chrome DevTools MCP 评测 2026：给编码智能体一个真实的浏览器

大多数编码智能体都是”盲调”的。它们能读文件、跑命令，却看不到浏览器里真正发生了什么——控制台报错、失败的请求、只在 375px 宽度下崩掉的布局。Chrome DevTools MCP 补上了这个缺口：把 Chrome DevTools 的完整能力交给你的智能体。

Chrome DevTools MCP 是什么？

它是 Chrome DevTools 团队官方的 MCP（Model Context Protocol）服务器。连接之后，Claude、Cursor、Copilot、Antigravity 等编码智能体就能控制并检查一个真实的 Chrome 实例——录制性能追踪、检查网络请求、读取带 source map 的控制台消息，并用可靠的自动化驱动页面。

核心特性

• Google Chrome DevTools 官方 MCP 服务器，由开发 DevTools 的团队维护
• 通过录制追踪获取性能洞察与可执行的优化建议
• 进阶浏览器调试：网络请求、控制台消息、截图
• 基于 Puppeteer 的可靠自动化，自动等待操作结果
• 广泛兼容：Claude、Cursor、Copilot 等

它有什么用？

智能体不再靠猜页面为什么慢、为什么崩，而是直接测量。它能抓取性能追踪、定位长任务、对出错状态截图，或一步步点击多步流程并汇报发生了什么。这把”它不工作”变成一份可复现、可调试的报告。

优点与不足

优点： 官方背书、可靠性高、DevTools 能力深、可真实操控浏览器、跨主流智能体。

不足： 需要运行中的 Chrome 实例；在弱机器上较占资源；初次配置 MCP 客户端需几分钟。

价格

免费开源。

常见问题

哪些智能体支持？ 任何兼容 MCP 的编码智能体，包括 Claude Code、Cursor、Copilot、Antigravity。

需要会 Puppeteer 吗？ 不需要。服务器已封装 Puppeteer，智能体通过 MCP 工具驱动它。