Chrome 团队宣布 DevTools MCP(Model Context Protocol)服务器进入公开预览。通过 MCP,AI 编码代理可直接控制真实的 Chrome 实例,执行 性能追踪、DOM/CSS 检查、控制台读取与脚本执行,并在页面上进行实时调试,弥补代理在浏览器运行态“看不见、摸不着”的长期缺口。
官方博客与仓库提供示例工具(如 performance_start_trace):代理可启动 Chrome、打开目标站点、录制性能追踪并分析瓶颈,从而给出可操作的优化建议。基于 MCP 的标准化接口,DevTools 能力可被 Gemini、Claude、Cursor、Copilot 等客户端复用,适用于网页性能优化、UI 回归与端到端调试等场景;目前处于公测期,后续功能将持续完善。
常见问题
Q:DevTools MCP 是什么?
A:一套以 MCP 协议暴露的服务器,让 AI 代理通过标准工具调用使用 Chrome DevTools 的调试与性能能力。
Q:能做哪些具体操作?
A:启动性能追踪、检查 DOM/CSS、读取 Console、执行 JS、录制与分析 Trace,并支持自动化用户流程。
Q:支持哪些代理/客户端?
A:面向支持 MCP 的客户端,官方示例指出 Gemini、Claude、Cursor、Copilot 等均可集成。
Q:当前发布阶段?
A:公开预览;代码与 npm 包已开放,功能将按反馈迭代。
Q:与既有 CDP(Chrome DevTools Protocol)的关系?
A:MCP 作为更高层的统一桥接协议,在客户端与工具之间标准化连接;底层仍利用 DevTools/Chrome 能力。