AI/智能体/模型工具 · TypeScript

ChromeDevTools/chrome-devtools-mcp

为编码智能体提供可控 Chrome 浏览、调试和性能分析能力

增长榜 #91 已读 README 并重写
增长排名 #91 Fast Growth Top 100
本期热度 Stars 16 OSSInsight 页面展示
Forks 1 榜单记录
Fork / Star 6.3% 社区复用强度

它是什么

这是一个面向 coding agents 的 Chrome DevTools 接入层。它把实时 Chrome 浏览器和 DevTools 能力包装成 MCP server,让 Claude、Cursor、Copilot 等 AI 编码助手可以直接控制浏览器并查看运行状态。另提供 CLI,方便不走 MCP 的场景使用。

为什么值得关注

它把浏览器调试、自动化和性能分析放进智能体工作流里,解决“AI 会写代码但难以直接验证网页行为”的问题。榜单里它增长快,说明这类把浏览器工具链接入 AI 的需求正在升温。

核心能力

  • 让编码智能体控制并检查实时 Chrome 浏览器
  • 以 MCP server 形式向 AI 助手开放 DevTools 能力
  • 记录 trace 并提取可执行的性能分析结果
  • 分析网络请求、截图和浏览器控制台信息

适合谁用

  • 需要让 AI 直接操控浏览器的开发工作流
  • 做网页调试、抓错和前端问题定位的人
  • 想把性能分析接进智能体流程的团队
  • 不走 MCP、只想用命令行入口的人

使用前注意

  • README 明确支持 MCP,也提供 CLI,两种入口不同
  • 依赖 Chrome 浏览器与 DevTools,目标是实时浏览器
  • 使用了 puppeteer 做自动化,动作结果会自动等待
  • 仓库许可证是 Apache-2.0;Issues 数量较多,需看当前维护和问题状态

README 证据

  • lets your coding agent control and inspect a live Chrome browser
  • acts as a Model-Context-Protocol (MCP) server
  • A CLI is also provided for use without MCP
  • Uses Chrome DevTools to record traces and extract actionable performance insights