ChromeDevTools/chrome-devtools-mcp

项目概览

该项目将完整的 Chrome DevTools 工具链能力接入 AI 代理，为前端自动化与深度调试提供了可用的浏览器控制能力。

项目类型

MCP · AI 工作流

应用场景

编程开发 · 自动化执行

部署方式

查看项目说明

License

Apache-2.0

适合谁

• 需要让 AI 编程助手能够直接控制和排查真实 Google Chrome 或 Chrome for Testing 浏览器的开发者。

核心能力

• 利用 Chrome DevTools 记录追踪数据，并从中提取可用于指导优化操作的页面性能洞察信息。
• 支持在自动化流程中分析浏览器的网络请求、获取页面截图，并检查包含 source-mapped 堆栈轨迹的控制台日志消息。
• 使用 puppeteer 在 Chrome 浏览器中执行各项自动化动作，并在执行动作后自动等待动作执行结果的反馈。

限制与风险

• 官方仅支持 Google Chrome 和 Chrome for Testing，不保证在其他基于 Chromium 的浏览器上能够正常运行。
• 该项目会将浏览器实例中的内容暴露给 MCP 客户端，建议用户避免在自动化流程中访问或共享敏感或个人隐私信息。

如何开始

• 仅需安装 Node.js LTS 与 Chrome 即可运行，首先完成这两个基础环境安装，随后在 MCP 客户端中添加相应配置，最后运行 npx -y chrome-devtools-mcp@latest 即可启动。

核验依据

• README: Chrome DevTools for agents (`chrome-devtools-mcp`) lets your coding agent (such as Antigravity, Claude, Cursor or Copilot) control and inspect a live Chrome browser. It acts as a…
• Release: chrome-devtools-mcp: v1.6.0
• README: `chrome-devtools-mcp` exposes content of the browser instance to the MCP clients allowing them to inspect, debug, and modify any data in the browser or DevTools. Avoid sharing sen…
• README: - **Get performance insights**: Uses [Chrome DevTools](https://github.com/ChromeDevTools/devtools-frontend) to record traces and extract actionable performance insights. - **Advan…
• README: - **Input automation** (10 tools)

内容核验时间：