Chrome 官方团队出的 MCP 服务器,让 Claude Code、Cursor 这类 AI 编程助手直接操控真实 Chrome:点按钮、填表单、截图、查网络请求、读控制台报错、跑性能 trace。想搭 AI 自动操作网页的工作流、让 AI 自己修前端 bug,这就是标准底座。上手容易:在 MCP 配置里加一条 npx 命令,装好 Chrome 即可。
AI 编程代理代码写得飞快,却看不见浏览器里发生了什么:页面白屏、接口报错、性能拉胯,还得人肉截图喂回去。Chrome 官方团队补上这个缺口——chrome-devtools-mcp 让 Claude、Cursor、Copilot、Antigravity 等 AI 编程助手直接控制并检查一个真实运行的 Chrome,提供 MCP 服务器和 CLI 两种形态。三大能力:性能洞察,录制 trace 并提炼可执行的优化结论;深度调试,分析网络请求、截图、读取控制台报错(堆栈经 source map 还原);可靠自动化,基于 Puppeteer 驱动页面并自动等待操作结果。丑话说在前面:它会向 MCP 客户端暴露浏览器内容,别接存有敏感信息的浏览器;官方只保证支持 Google Chrome 和 Chrome for Testing;性能工具默认会把 trace URL 发给 Google CrUX API,可用 no-performance-crux 参数关闭。上手就是在 Claude Code 或 Cursor 的 MCP 配置里加一条 npx 命令。适合用 AI 写前端、做网页自动化变现的人——想让 AI 接管浏览器,这是目前最正统的底座。
ChromeDevTools/chrome-devtools-mcp · 创建于 1 年前
2026-11-14 榜单 · ★ 55,472(进页自动刷新) · 本期涨星 +67 · Fork 4,603 · 语言 TypeScript
标签:browser / chrome / chrome-devtools / debugging / devtools / mcp / mcp-server / puppeteer
做AI项目,先看AI雷达 - AiRadar.com.cn · 全部GitHub热榜 →