Chrome DevTools
查看官方仓库Chrome DevTools MCP · Google Chrome DevTools 团队 · v1.12.0 官方 代码与开发
让智能体接管一个真实的 Chrome:读控制台报错、看网络请求、抓性能追踪,比让它猜前端为什么白屏靠谱得多。
适合
- 页面空白但编译没报错,让它去看控制台和网络面板
- 排查是哪个接口慢,直接要一条性能追踪
- 检查渲染层问题,比静态读代码有效
不适合与限制
- 纯本地 stdio,必须先装好 Node 与 Google Chrome 本体,无托管端点
- 智能体拿到的是你当前浏览器的调试权限,等于能看见你已登录的站点,测试账号和日常账号建议分开
- 无头环境要自己配,服务器上跑需要额外的显示层
依赖与前置条件
- Node.js(npm install chrome-devtools-mcp)
- 本地安装 Google Chrome
接入方式
io.github.ChromeDevTools/chrome-devtools-mcp https://github.com/ChromeDevTools/chrome-devtools-mcp 配置方式各家客户端写法不同(Claude Desktop 的 JSON、Cursor 的 mcp.json、 VS Code 的 settings),这里只给端点与变量名,具体键名以你所用的客户端文档为准。
同分类的其他条目
「代码与开发」这一类下还有 6 个。同一类里装一个通常就够, 区别主要在「连的是哪家的系统」——这个没法互相替代,按你实际在用的产品选。
GitHub MCP Server · GitHub
让智能体直接读仓库代码、翻 Issue、看 PR 的 diff、查 Actions 运行结果,不用你把代码复制粘贴进对话框。
Playwright Cloud Browsers · Microsoft
微软托管在云端的 Playwright 浏览器实例,智能体远程驱动它开页面、点按钮、填表单,再拿无障碍树判断结果。
Context7 · Upstash
按库名和版本拉取最新的官方文档与代码示例,专治模型用着三年前的 API 写法给你编答案。
Sentry MCP · Sentry
把 Sentry 里攒的线上报错、堆栈和 Issue 直接喂给智能体,让它根据真实异常去定位代码,而不是你复制堆栈回来。
Kubernetes MCP Server · Kubernetes SIG(containers 组织)
让智能体用 kubectl 那一套思路去查集群:列 Pod、看事件、翻容器日志、读配置,适合排障不适合改配置。
Terraform MCP Server · HashiCorp
查 Terraform Registry 里的 provider 文档、资源参数和可用模块,减少模型凭记忆写出已经被废弃的参数。
本条信息核实于 2026-10-30,来源为官方 MCP Registry(registry.modelcontextprotocol.io) 的元数据:名称、版本、托管端点、包类型与必需环境变量均取自该注册表,未经二次加工。 厂商可能随时调整端点与权限策略,接入前请以官方仓库与文档为准。