Chrome DevTools for agents
Chrome DevTools for agents（chrome-devtools-mcp）是面向编码代理的 MCP 服务器与 CLI，可让代理控制并检查实时 Chrome 浏览器，用于自动化、调试、性能分析、用户模拟和发布前验证。
访问 ChromeDevTools/chrome-devtools-mcp项目简介
Chrome DevTools for agents（发布名为 chrome-devtools-mcp）是面向编码代理的 Model-Context-Protocol 服务器与 CLI。它让代理控制并检查实时 Chrome 浏览器，以自动执行交互、调试页面、收集性能洞察，并在发布前运行检查。
核心功能
- 基于 Chrome DevTools 跟踪记录提供可操作的性能洞察。
- 高级浏览器调试：分析网络请求、截图、查看控制台消息（含源映射堆栈跟踪）。
- 通过 Puppeteer 实现可靠自动化，并自动等待操作结果。
- 可连接实时 Chrome 会话，实时检查、暂停和排查问题。
- 使用 Lighthouse 对无障碍、SEO 和性能进行主动 QA 审计。
- 模拟响应式设计、地理位置和真实用户流程。
适用场景
- 在受管浏览器中测试响应式设计，模拟地理位置或真实用户流程。
- 通过检查网络活动、控制台输出和截图调试实时 Chrome 会话。
- 运行 Lighthouse 无障碍、SEO 和性能审计，在生产前发现问题。
- 使用编码代理通过提示导航网站、点击控件并验证页面行为。
快速开始
- 在 MCP 客户端中添加 chrome-devtools MCP 服务器，使用 npx -y chrome-devtools-mcp@latest。
- 对于基础浏览器任务，使用带 --slim 和 --headless 标志的 slim 模式。
- 运行首个提示以检查性能，并确认浏览器打开且记录跟踪。
- 针对 Antigravity、Claude Code、Cursor、VS Code、Codex、Copilot 和 OpenCode 等编辑器或代理，可查看客户端专用设置指南。
部署与要求
- Node.js LTS 版本。
- Google Chrome 当前稳定版或更新版本。
- npm。
采用前须知
- 许可证：Apache-2.0。在使用、修改或分发项目前，请确认其具体条款。
