Chrome DevTools MCP 让 AI 编程助理直接控制并深度调试 Chrome 浏览器，打通自动化与性能分析的全链路，极大提升开发效率。

• 作为 MCP 服务器，支持 Gemini、Claude、Copilot 等编码 agent 访问完整 DevTools 功能。
• 通过 Puppeteer 实现稳定自动化，自动等待操作结果，保障流程可靠性。
• 细粒度性能分析：录制 Trace、提取可执行性能洞察，助力精准优化。
• 高级调试能力：网络请求分析、截图、浏览器控制台日志查看，全面排查问题。
• 多维自动化工具覆盖输入、导航、模拟（CPU、网络、窗口尺寸）及性能、网络、脚本评估。
• 灵活配置：可指定 Chrome 版本（stable/canary/beta/dev）、运行模式（headless）、用户数据目录等。
• 注意隐私风险，MCP 客户端可访问浏览器内容，避免泄露敏感数据。
• 兼容 Node.js 22+ 和最新 Chrome，开箱即用，支持多种 MCP 客户端接入。

用法示例快速启动：
```json
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["chrome-devtools-mcp@latest"]
}
}
}
```

首次测试只需一句提示，自动打开浏览器并进行性能检测，极大简化调试流程。

了解更多🔗github.com/ChromeDevTools/chrome-devtools-mcp

#自动化测试# #网页调试# #性能优化# #ChromeDevTools# #AI开发助手#