Chrome DevTools

查看官方仓库

Chrome DevTools MCP · Google Chrome DevTools 团队 · v1.12.0 官方 代码与开发

让智能体接管一个真实的 Chrome:读控制台报错、看网络请求、抓性能追踪,比让它猜前端为什么白屏靠谱得多。

接入方式 仅本地 需自己跑起来
密钥 可选 / 无需 开箱即用或走 OAuth
版本 1.12.0 官方注册表当前版本
核实 2026-10-30 官方 Registry 元数据

适合

  • 页面空白但编译没报错,让它去看控制台和网络面板
  • 排查是哪个接口慢,直接要一条性能追踪
  • 检查渲染层问题,比静态读代码有效

不适合与限制

  • 纯本地 stdio,必须先装好 Node 与 Google Chrome 本体,无托管端点
  • 智能体拿到的是你当前浏览器的调试权限,等于能看见你已登录的站点,测试账号和日常账号建议分开
  • 无头环境要自己配,服务器上跑需要额外的显示层

依赖与前置条件

接入方式

本地安装 npm 包
注册表标识 io.github.ChromeDevTools/chrome-devtools-mcp
官方仓库 https://github.com/ChromeDevTools/chrome-devtools-mcp

配置方式各家客户端写法不同(Claude Desktop 的 JSON、Cursor 的 mcp.json、 VS Code 的 settings),这里只给端点与变量名,具体键名以你所用的客户端文档为准。

同分类的其他条目

「代码与开发」这一类下还有 6 个。同一类里装一个通常就够, 区别主要在「连的是哪家的系统」——这个没法互相替代,按你实际在用的产品选。

本条信息核实于 2026-10-30,来源为官方 MCP Registry(registry.modelcontextprotocol.io) 的元数据:名称、版本、托管端点、包类型与必需环境变量均取自该注册表,未经二次加工。 厂商可能随时调整端点与权限策略,接入前请以官方仓库与文档为准。