
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 通信的标准协议 |
| Puppeteer | Chrome 自动化控制 |
| Chrome DevTools Protocol | 深度调试与性能分析 |
| npm | 以 Node.js 包形式发布 |
适用场景
- 让 AI Agent 自动调试网页、分析性能瓶颈
- Agent 需要截图、检查网络请求、验证页面行为
- 在 Cursor/Copilot 等编辑器中直接控制浏览器进行前端开发
来源
Google Chrome 官方团队,Apache 2.0 License
暂无评论
