Chrome DevTools MCP

Chrome DevTools MCP

Chrome DevTools MCP 是 Google Chrome DevTools 团队官方开发的 Model Context Protocol 服务器,它将 Chrome 浏览器的完整功能通过标准化协议暴露给 AI 编码助手,实现可靠的浏览器自动化、深度调试和性能分析。

AI编程 └ AI编程助手 免费使用 #AI编程助手

工具介绍

Chrome DevTools MCP 是一个基于 Model Context Protocol 的开源服务器,由 Google Chrome DevTools 团队维护。它允许 Claude、Cursor、Copilot 等 AI 编码助手直接控制和检查运行中的 Chrome 浏览器实例,将 AI 的能力从静态代码处理扩展到真实的浏览器环境交互。

核心功能

  • 性能分析与洞察:记录性能跟踪、分析核心 Web 指标、获取内存快照,并可集成 Google CrUX 真实用户数据。
  • 高级浏览器调试:检查网络请求、读取控制台消息(支持源映射)、执行 JavaScript、运行 Lighthouse 审计、获取页面快照和截图。
  • 可靠的浏览器自动化:基于 Puppeteer 实现点击、拖拽、表单填写、文件上传、导航和多标签页管理等用户交互操作,内置智能等待机制。
  • 浏览器仿真与配置:模拟不同设备视口、调整页面大小、配置代理等。

产品特色

  • 官方支持与标准化:由 Google 官方开发,基于 MCP 标准协议,确保与最新 Chrome 功能兼容,并能与所有支持 MCP 的 AI 客户端无缝集成。
  • 功能全面:提供超过 29 个工具,涵盖输入自动化、导航、性能、网络、调试、内存、扩展等多个类别。
  • 开箱即用的集成:已为 Claude Code、Cursor、VS Code/Copilot、Gemini CLI 等 20+ 主流 AI 编码助手提供详细的配置指南。
  • 灵活的连接模式:支持自动启动浏览器、连接到已运行的调试实例、或通过 WebSocket 连接,适应不同使用场景。
  • 安全与隐私考虑:提供隔离模式使用临时用户数据目录,并明确警示避免分享敏感信息。

适用人群

  • 使用 AI 编码助手并希望其执行浏览器自动化任务(如端到端测试)的开发者。
  • 需要 AI 辅助进行网站性能分析、问题诊断和调试的前端工程师或性能优化专家。
  • 希望利用 AI 能力进行复杂网页交互和数据提取的自动化测试工程师或研究人员。

价格说明

Chrome DevTools MCP 是一个完全开源免费的工具,基于 Apache-2.0 许可证发布。用户可以通过 npm 直接安装使用,无需支付任何费用。

同分类更多 AI 工具