AI 能直接操作浏览器调试吗？Chrome DevTools MCP：5.5 万星的官方桥

GitHub 仓库

ChromeDevTools/chrome-devtools-mcp

总 Stars

★ 55,451

今日新增

+67

主要语言

TypeScript

查看 GitHub 项目

结论先说：Chrome DevTools MCP 是 Chrome DevTools 团队官方出的 MCP 服务器，5.5 万星，今日榜单新增 67 星，TypeScript 编写，Apache-2.0 协议，2026 年 11 月 13 日还有提交。它让 AI 编程助手直接调用 Chrome 的调试能力：看页面、点元素、抓网络请求、读控制台报错。

它是什么：一个 MCP 服务器，把 Chrome DevTools 的能力包成 AI 助手能调的工具，Claude Code 这类助手接上之后，就能像人一样操作浏览器做调试。

能干嘛：让 AI 打开页面复现 bug、读控制台报错定位问题、检查网络请求、测页面性能；写前端时让 AI 自己验证改动有没有生效。

适合谁：写前端的开发者、用 AI 编程助手做 Web 开发的人、要做自动化页面测试的团队。

注意点：它是 Chrome 官方出品，跟着 DevTools 的更新走，版本变了要及时跟进；AI 操作浏览器涉及页面数据，调试生产账号时先想清楚权限边界。

它和 Puppeteer 有什么区别？

Puppeteer 是给人写脚本用的浏览器自动化库，chrome-devtools-mcp 是给 AI 助手用的——助手不用写脚本，直接发指令就能调 DevTools。写固定流程用 Puppeteer，让 AI 自由探索调试用它。

站长点评：我选它是因为这是 Chrome 官方亲自给 AI 助手开的口子——5.5 万星，说明前端圈都在等这个。我的建议是先在本地开发环境接好，让 AI 帮你复现一个真实 bug，跑通一次就知道值不值得进日常流程。