chrome-devtools-mcp
Chrome DevTools MCP 由 Chrome DevTools 团队推出,让 Claude、Cursor、Copilot、Antigravity 等编程 Agent 能够控制并检查一个正在运行的 Chrome 浏览器。它把 DevTools 的能力开放给 Agent:录制性能追踪并提炼可执行的优化建议、分析网络请求、读取带 source map 堆栈的控制台消息,以及截图。操作通过 Puppeteer 自动执行,并会自动等待结果。
它面向希望编程 Agent 能在浏览器里自行验证修改的前端和全栈开发者:复现 Bug、排查请求为什么失败、读取页面出错背后的控制台报错,或者分析页面加载慢的原因。`--slim` 模式只提供基础浏览器任务所需的少量工具;官方还提供不依赖 MCP 的 CLI。
上手方式:需要当前的 Node.js LTS、npm 和稳定版 Chrome。在 MCP 客户端配置中加入 `npx -y chrome-devtools-mcp@latest`,然后让 Agent 检查某个页面,比如分析它的性能。如果不希望向 Google 发送使用统计,可以加上 `--no-usage-statistics` 参数。
功能特性
为什么选择它
权衡点
维护状况检查
- 最近提交
- 2026-10-23
- 近 90 天提交数
- 100+
- 近 90 天发布数
- 7
- 最新发布
- chrome-devtools-mcp-v1.12.0 (2026-10-22)
- 未关闭 issue
- 106
- 近期 issue 至少有一条评论的比例
- 3/4
最早的一周在左边,最近 4 周为橙色。数据来源:GitHub 提交统计。
状态规则:GitHub 上已归档 = 已归档;最近提交在 90 天内 = 活跃;91 到 365 天 = 放缓;更久 = 停滞。所有数字来自所示日期的 GitHub API。
讨论最多的未关闭 issue
- #268 A tool to "Select an element in the page to inspect it"26 条评论 · 2025-10-04
- #1921 Browser hangs / crashes when MCP connects to Chrome with many tabs18 条评论 · 2026-04-21
- #2584 Logpoints: log runtime values without modifying source code13 条评论 · 2026-08-17
- #3070 Allow multiple sessions / processes / instances of Chrome10 条评论 · 2026-10-11
- #889 The DevTools MCP is hardcoded to look for Chrome in standard locations9 条评论 · 2026-02-05
issue 标题引自 GitHub。请打开链接确认该问题是否仍适用于你使用的版本。
适合谁
- 你希望智能体录制 Chrome 性能追踪并从中得到分析结论:README 列出了 performance_start_trace、performance_stop_trace 和 performance_analyze_insight。
- 调试页面时需要查看网络请求、控制台消息和截图。
- 希望智能体连接到你已在运行的 Chrome:可用 --browser-url、--ws-endpoint 或 --autoConnect(需要 Chrome 144+)。
- 需要 Firefox 或 Safari:该项目基于 Chrome DevTools,面向 Chrome。
- 需要跨浏览器的通用自动化或测试:Playwright MCP 更合适。
- 无法运行 Node.js 20.19 或更新版本:README 把它列为必需条件。
与同类的区别
Chrome DevTools MCP 由 ChromeDevTools 组织维护,强项是在 Chrome 里调试和分析性能。Playwright MCP 覆盖更多浏览器和测试式自动化。两者是独立的 MCP 服务,可以同时安装。
Browser Tools MCP 同样提供 Lighthouse 审计以及控制台和网络日志,但除了 MCP 服务,还需要 Chrome 扩展和本地 Node 服务。Chrome DevTools MCP 直接启动或连接 Chrome,不需要扩展。
兼容性
快速开始
使用场景
同类工具
收录于以下清单
评论
暂无评论,来发表第一条吧