让智能体自己开浏览器跑一遍：录 trace、抓控制台、比对线上字段数据
来源：GitHub · ChromeDevTools/chrome-devtools-mcp — 2026-11-15 · ⭐ 56,130 stars · TypeScript
📋 概述
chrome-devtools-mcp 把活的 Chrome 交给编码智能体控制与检查，两种形态：MCP 服务器与 CLI。它借 Chrome DevTools 录性能 trace 并抽出可执行的结论，能看网络请求、截图、读控制台消息（堆栈经过 source map 还原），浏览器里的动作交给 puppeteer 执行并自动等结果。Google 明确只对 Chrome 与 Chrome for Testing 提供支持，其他 Chromium 内核浏览器不保证行为。
🔑 核心要点
性能 trace 里的 URL 会交给 CrUX 取真实用户体验数据，把实验室数据和线上字段数据摆在一起看。 默认上报使用统计，启动加 --no-usage-statistics 可关；不想查 CrUX 就加 --no-performance-crux。 接入只要在 MCP 客户端里写一段 npx chrome-devtools-mcp@latest 的配置，不用先装全局包。 动作基于 puppeteer 且自动等执行结果，比截图对比更稳，也更省重试。 官方提醒这会把浏览器里的内容暴露给 MCP 客户端，敏感数据别放进同一个实例。
💡 金句
Chrome DevTools for agents (chrome-devtools-mcp) lets your coding agent (such as Antigravity, Claude, Cursor or Copilot) control and inspect a live Chrome browser.
👍 0
❤️ 点赞
👎 0
沉底
← 返回 GitHub Trending 首页