chrome-devtools-mcp

chrome-devtools-mcp 是 Google 官方发布的 Chrome DevTools Model Context Protocol（MCP）服务器，它让 AI 编程助手（如 Claude Code、Cursor、Copilot、Codex 等）能够直接控制真实的 Chrome 浏览器，并在浏览器环境中执行自动化操作、调试和性能分析。相比传统的无头浏览器模拟，MCP 服务器能提供更深层的浏览器控制能力，是 AI 前端开发、网页自动化和浏览器调试场景的利器。

该工具的核心功能包括：性能分析——利用 Chrome DevTools 协议记录页面追踪轨迹，提取可操作的性能改进建议，帮助 AI 理解网页渲染瓶颈；高级浏览器调试——拦截网络请求、截取页面截图、检查浏览器控制台输出（含 source-map 解析的堆栈信息）；可靠自动化——通过 Puppeteer 控制浏览器自动执行操作，并自动等待操作结果返回，无需人工介入判断页面加载状态；截图与页面检查——AI 可随时对当前页面进行截图并分析视觉输出，实现所见即所得的自动化验证；控制台日志读取——读取浏览器控制台消息，便于 AI 发现 JavaScript 运行时的错误和警告。

chrome-devtools-mcp 支持几乎所有主流 AI 编程工具和 IDE，包括 Claude Code（通过插件安装或 CLI MCP 配置）、Cursor、VS Code Copilot、GitHub Copilot CLI、Codex CLI、Copilot CLI、OpenCode、Gemini CLI、Devin CLI、Factory CLI、JetBrains AI Assistant/Junie、Kiro 等。同时提供 --slim 模式适用于仅需基础浏览器操作的轻量化场景。该工具基于 Apache-2.0 开源协议，由 Google ChromeDevTools 团队维护，版本迭代活跃，是目前最被广泛使用的浏览器自动化 MCP 服务器之一。截至目前周下载量超过 160 万次，在 npm MCP 相关包中排名前列。

适用场景：AI 前端开发助手（让 AI 直接操作真实浏览器进行页面调试）、自动化网页截图与视觉回归测试、AI 辅助的浏览器性能分析、爬虫与网页数据抓取的前置环境配置、浏览器控制台日志分析与错误追踪。