chrome-devtools-mcp
Chrome DevTools for coding agents
Chrome DevTools MCP Server 把浏览器的开发者工具接给 AI。你在调一个前端 bug 时，不用再把控制台报错、网络面板截图手动喂给 AI——它自己开一个 Chrome，去读页面真实的 DOM、网络请求和 console 输出。
对做 Web 开发的人来说，这省掉的是「复现问题 → 截图 → 描述给 AI」这段来回。AI 直接看到浏览器里发生了什么，定位问题的上下文更完整。
为什么用它
适合：让 AI 帮忙调前端问题、分析页面性能、复现浏览器里那些「只有在真实环境才出现」的 bug 的开发者。
接入前注意：它会启动一个真实浏览器进程，比纯 API 类 server 吃资源。本页下方能看到它的维护活跃度和 TrustScore，以及我们推导出的客户端兼容性。
能接哪些客户端
- Claude Desktopnpx
- Claude Codenpx
- Cursornpx
- VS Codenpx
- Windsurfnpx
依据 registry manifest 的包类型和 transport 推导，我们尚未实际安装验证。接入前请以官方 README 为准。
安装 / 接入
claude mcp add chrome-devtools-mcp -- npx -y chrome-devtools-mcp以官方 README 为准；env 与参数各 server 不同。
🛠️ 维护活跃度 权重 30% · 100分
📊 采用度 权重 25% · 94分
✅ 可用性 权重 20% · 55分
❤️ 健康度 & 社区 权重 25% · 78分
数据来源：GitHub API · npm registry · 更新于 2026-08-19
近 90 天趋势
⭐ stars +0%
📦 周下载 +0%
常见问题
它需要我本地装 Chrome 吗？
需要一个可被它驱动的 Chrome/Chromium。具体版本要求以官方 README 为准。
支持哪些 AI 客户端？
本地 stdio 型，Claude Desktop、Claude Code、Cursor、VS Code 等支持 MCP 的客户端都能接。下方兼容性区块有详情。
相似 / 替代 server
同类里怎么选
浏览器类 server 的核心区别是「本地跑还是云端跑」「要不要处理登录/动态页」。
- 要操作需要登录、JS 动态渲染的网站→选 Playwright MCP —— 真实浏览器，交互能力最全
- 要批量把静态网站抓成 Markdown / 喂知识库→选 Firecrawl —— 整站爬取、结构化提取更省心
- 要规模化、不占本地资源的云端浏览器→选 Browserbase / Hyperbrowser —— 云端会话
io.github.achiya-automation/safari-mcp
Native Safari browser automation for AI agents — 97 tools, zero Chrome overhead.
io.github.ChromeDevTools/chrome-devtools-mcp
Chrome DevTools MCP
io.github.hongnoul/hwatu
Verification browser for coding agents: headless WebKit, DOM eval, screenshots,
playwriter
Chrome extension & CLI to let agents control your browser. Runs Playwright snipp
每周一封，5 分钟看完 MCP 生态发生了什么
新增 server、爆火趋势、弃坑预警——引擎自动追踪，人工筛选后发到你邮箱。
每周一封 · 随时退订 · 不卖数据