MCP Radar
English中文

Chrome DevTools MCP Server

Chrome DevTools MCP Server 把浏览器的开发者工具接给 AI。你在调一个前端 bug 时，不用再把控制台报错、网络面板截图手动喂给 AI——它自己开一个 Chrome，去读页面真实的 DOM、网络请求和 console 输出。

对做 Web 开发的人来说，这省掉的是「复现问题 → 截图 → 描述给 AI」这段来回。AI 直接看到浏览器里发生了什么，定位问题的上下文更完整。

看这个 server 的健康数据 →

安装 / 接入

claude mcp add chrome-devtools-mcp -- npx -y chrome-devtools-mcp

以官方 README 为准；env 与参数各 server 不同。

能接哪些客户端

  • Claude Desktopnpx
  • Claude Codenpx
  • Cursornpx
  • VS Codenpx
  • Windsurfnpx

依据 registry manifest 的包类型和 transport 推导，我们尚未实际安装验证。接入前请以官方 README 为准。

为什么用它

适合：让 AI 帮忙调前端问题、分析页面性能、复现浏览器里那些「只有在真实环境才出现」的 bug 的开发者。

接入前注意：它会启动一个真实浏览器进程，比纯 API 类 server 吃资源。本页下方能看到它的维护活跃度和 TrustScore，以及我们推导出的客户端兼容性。

相似 / 替代 server

io.github.achiya-automation/safari-mcp

Native Safari browser automation for AI agents — 97 tools, zero Chrome overhead.

81
活跃⭐ 1591 天前更新

playwriter

Chrome extension & CLI to let agents control your browser. Runs Playwright snipp

72
活跃⭐ 3.7k2 天前更新

ai.foura/mcp

Reliable web access for AI agents: smart HTTP, rotating proxies, and full-browse

62
活跃⭐ 415 天前更新

io.github.ShaftHQ/shaft-mcp

shaft-mcp

80
活跃⭐ 404今天更新

常见问题

它需要我本地装 Chrome 吗？

需要一个可被它驱动的 Chrome/Chromium。具体版本要求以官方 README 为准。

支持哪些 AI 客户端？

本地 stdio 型，Claude Desktop、Claude Code、Cursor、VS Code 等支持 MCP 的客户端都能接。下方兼容性区块有详情。

← 什么是 MCP Server