Chrome DevTools MCP

Chrome DevTools MCP（chrome-devtools-mcp）是 Google 的 Model Context Protocol 服务，给编程智能体接上一个活的 Chrome。2026-08-21 复核：第一方仓库是 github.com/ChromeDevTools/chrome-devtools-mcp。协议 Apache 2.0。当天 GitHub 显示 49,501 star、3,454 fork。npm 包名 chrome-devtools-mcp。仓库创建于 2025-09-11。

同一轮挖掘里，r/ClaudeAI 有一篇「BEST MCP 2026」汇总。本页对应的就是：智能体要能打开真浏览器、录性能追踪、读控制台。

它不是独立 IDE。请和 Claude Code、Google Antigravity、Cursor 一起用。若要微软的多浏览器库，看 Playwright。

核心功能

• 真 Chrome，不是假 DOM：README 写明用 Puppeteer 加 Chrome DevTools，智能体可以点击、输入、截图，并等待结果。
• 性能追踪：performance_start_trace / performance_stop_trace / performance_analyze_insight。README 说明追踪可能调用 CrUX API，可用 --no-performance-crux 关掉。
• 调试：网络请求、带 source map 的控制台、Lighthouse、堆快照（需打开）。
• README 列出的客户端：Claude Code、Codex、Cursor、Antigravity、Copilot、Gemini CLI、OpenCode、JetBrains Junie 等。冻结名单前请再核对。
• 精简模式：--slim 只暴露三个工具（导航、脚本、截图）。

限制：README 写明浏览器里的内容会暴露给 MCP 客户端。不要指向已登录的网银标签。官方支持 Google Chrome 和 Chrome for Testing。其他 Chromium 浏览器可能能跑，Google 不保证。

复核过的规格

用量统计默认开启。用 --no-usage-statistics 或环境变量 CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS 退出。这与 Chrome 浏览器自己的统计无关。

适用场景

• 前端智能体需要点真页面，而不是编造 DOM。
• 性能调试：README 的第一条提示是检查 https://developers.chrome.com。
• 已有 Chrome 的 Antigravity / Claude Code 用户，想用 MCP 而不是第二套浏览器栈。

快速开始

1. 读 Chrome DevTools for agents。
2. 用 npx -y chrome-devtools-mcp@latest 写入 MCP 配置。
3. 让智能体检查一个公开 URL。浏览器在工具需要时才启动，不是连上 MCP 就启动。
4. 不想被统计就加 --no-usage-statistics。

Claude Code 一行命令（来自 README）：claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest。

常见问题

连上就会开 Chrome 吗？

不会。README 写明：有工具需要实例时才启动浏览器。

支持 Firefox 吗？

不是第一方承诺。只写 Chrome 和 Chrome for Testing。

和 Playwright 一样吗？

不一样。Playwright 自动化 Chromium、Firefox、WebKit。这个服务是给智能体用的 Chrome DevTools。

替代方案

• Playwright：不只 Chrome 时用多浏览器库。
• Google Antigravity：Google 的智能体 IDE；这个 MCP 可以挂到它的浏览器。
• Kitesurf：托管浏览器 / CDP 游乐场，不是这个 npm 包。

使用技巧

1. 用 @latest，别把客户端钉死在旧服务上。
2. 不要分享你不愿贴进聊天的 cookie。
3. 客户端名单会变，提交前再读 README。

总结

编程智能体需要真实 Chrome 标签页时，从 github.com/ChromeDevTools/chrome-devtools-mcp 开始。若要的是测试框架，打开 Playwright。