一句话看懂:Chrome DevTools 团队开源了 chrome-devtools-mcp,让 Claude、Cursor、Copilot 等编码 Agent 能通过 MCP 协议或 CLI 直接控制并检查真实 Chrome 浏览器,做性能分析、调试和自动化操作。
事件核心:发生了什么
该项目由 ChromeDevTools 组织发布在 GitHub,目前登上 Trending。它提供两种接入形态:一是 Model-Context-Protocol(MCP)服务器,二是 chrome-devtools 命令行工具。编码 Agent 接上后可以录制性能 trace、分析网络请求、截图、读取控制台报错(含 source-map 堆栈),并借助 puppeteer 执行浏览器操作、自动等待结果。安装只需在 MCP 客户端配置 npx chrome-devtools-mcp@latest,要求 Node.js LTS 和较新的 Chrome 稳定版。
官方说明,它仅正式支持 Google Chrome 和 Chrome for Testing,其他 Chromium 内核浏览器不保证兼容;启用性能分析时可能向 Google CrUX API 发送 trace URL 获取真实用户数据,可用 –no-performance-crux 关闭。使用统计默认开启,可通过 –no-usage-statistics 退出。
为什么重要
编码 Agent 过去主要停留在读写代码和运行测试,对浏览器内的真实行为缺乏感知。MCP 正在成为 Agent 连接外部工具的通用接口,Chrome DevTools 官方入场,等于把浏览器调试、性能剖析这类“手工活”标准化成 Agent 可调用的能力。这有助于缩短从改代码到验证页面表现的反馈环,也让浏览器自动化从脚本驱动转向自然语言驱动。
对用户/开发者/创作者的影响
前端开发者可以让 Agent 直接检查某个页面的 LCP、内存泄漏或无障碍问题,项目还附带 a11y-debugging、cookie-debugging、debug-optimize-lcp、memory-leak-debugging 等技能包,适合排查具体问题。不接入 MCP 的场景也可以用 CLI 在终端里导航页面、截图、停止会话。需要注意,该工具会把浏览器内容暴露给 MCP 客户端,官方提醒避免共享敏感或个人信息。
AI 工具推荐
想把多个 AI 模型放在一个入口?
GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型,适合写作、绘图、视频和日常 AI 工作流。
推广链接:通过此链接购买,我可能获得佣金,不影响你的价格。
值得关注的后续
一是社区能否围绕 skills 形成稳定的调试工作流,而不只是演示性质;二是使用统计和 CrUX 数据外发能否被企业用户接受;三是其他浏览器厂商是否会推出对等的 Agent 调试接口。目前公开信息显示,项目仍处于早期推广阶段,实际稳定性需结合具体版本观察。


