网页代码改完了,AI 往往只能说“应该能用”,却未必看过页面真正跑起来的样子。ChromeDevTools 推出的 chrome-devtools-mcp,正是补上这一步:它让 Antigravity、Claude、Cursor 或 Copilot 等编码 Agent 直接控制并检查一个正在运行的 Chrome 浏览器。
它通过 MCP——让 AI 以统一方式连接外部工具的协议——开放 Chrome DevTools 能力。Agent 可以查看网页与服务器之间的网络请求、读取控制台报错和带源码映射的调用栈,也能截图、操作页面,并录制性能追踪,定位加载、脚本执行或页面绘制中的卡顿。项目使用 Puppeteer 自动执行浏览器操作,并等待操作结果;换句话说,AI 不只负责写代码,还能打开成品、复现问题,再依据现场信息继续排查。
边界也很明确:项目目前只正式支持 Google Chrome 和 Chrome for Testing。浏览器内容会暴露给 MCP 客户端,不宜在其中打开敏感资料;使用统计默认开启,性能工具还可能向 Google CrUX API 发送追踪网址以获取真实用户体验数据,两项均提供关闭选项。