把 Chrome 开发者工具装成 MCP:录性能 trace、查控制台、跑自动化
来源:GitHub · ChromeDevTools/chrome-devtools-mcp — 2026-11-16 · ⭐ 56,762 stars · TypeScript
📋 概述
官方团队把 Chrome 开发者工具包成 MCP 服务器,也提供同能力命令行,编码智能体因此能直接控制并检查一个活的 Chrome。底层用 Puppeteer 执行动作并等待结果,用 DevTools 前端录制性能 trace、分析网络请求、截图、读带 source map 的控制台报错。
🔑 核心要点
- 三条能力线:性能洞察、浏览器调试、可靠自动化,前两条直接调 DevTools 的实现。
- 性能面板会把 trace 送到 CrUX API 取真实用户数据,--no-performance-crux 可关掉。
- 默认采集使用统计,可用 --no-usage-statistics 参数或 CI 环境变量关闭。
- 只保证支持 Google Chrome 与 Chrome for Testing,其他 Chromium 浏览器不承诺行为。
- 它会把浏览器里的内容暴露给 MCP 客户端,敏感页面别往这个实例里放。
💡 金句
Chrome DevTools for coding agents
👍 0
👎 0
← 返回 GitHub Trending 首页