chrome-devtools-mcp - 让AI Agent掌控Chrome DevTools的MCP Server

chrome-devtools-mcp - 让AI Agent掌控Chrome DevTools的MCP Server


Google Chrome官方出品,通过MCP协议让Claude、Cursor等Agent控制浏览器、调试页面、分析性能

项目简介

chrome-devtools-mcp 是 Google Chrome 团队官方发布的 MCP Server,让 AI 编码 Agent(Gemini、Claude、Cursor、Copilot)能够直接控制和检查实时 Chrome 浏览器,调用完整的 Chrome DevTools 能力。

核心功能

模块说明
性能分析使用 Chrome DevTools 录制 Performance Trace,提取可操作的性能洞察
浏览器调试分析网络请求、截取页面截图、检查 Console 消息(含 source-mapped 堆栈)
可靠自动化基于 Puppeteer 自动化浏览器操作,自动等待动作结果
CLI 独立使用提供 CLI 模式,无需 MCP 也可直接调用

技术栈

技术说明
MCP (Model Context Protocol)与 AI Agent 通信的标准协议
PuppeteerChrome 自动化控制
Chrome DevTools Protocol深度调试与性能分析
npm以 Node.js 包形式发布

适用场景

  • 让 AI Agent 自动调试网页、分析性能瓶颈
  • Agent 需要截图、检查网络请求、验证页面行为
  • 在 Cursor/Copilot 等编辑器中直接控制浏览器进行前端开发

来源

Google Chrome 官方团队,Apache 2.0 License

2911举报0Xiao.Xi11天前
点击获取 ^_^
被收录:

暂无评论