# 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 通信的标准协议 |
| Puppeteer | Chrome 自动化控制 |
| Chrome DevTools Protocol | 深度调试与性能分析 |
| npm | 以 Node.js 包形式发布 |

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

## 来源
Google Chrome 官方团队，Apache 2.0 License

---

**分类**：Skills
**标签**：Chrome · Agent · MCP
**作者**：Xiao.Xi
**链接**：https://octohz.com/p/1619