工具介绍
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 直接安装使用,无需支付任何费用。