Chrome DevTools MCP

Chrome DevTools MCP 是一个模型-上下文-协议 (MCP) 服务器，它允许 AI 编码助手，例如 Gemini、Claude、Cursor 或 Copilot，控制和检查实时 Chrome 浏览器，以实现可靠的自动化、高级调试和性能分析。

主要特性

获取性能洞察：使用 Chrome DevTools 记录跟踪并提取可操作的性能洞察。
高级浏览器调试：分析网络请求、截图并检查浏览器控制台。
可靠自动化。使用 puppeteer 自动化 Chrome 中的操作并自动等待操作结果。

MCP 类型	技术栈	优势	主要生态系统	最适合
Chrome DevTools MCP	Node.js / Puppeteer	官方标准，健壮，深度性能分析工具。	广泛 (Gemini, Copilot, Cursor)	CI/CD 自动化、跨 IDE 工作流和深度性能审计。
Playwright MCP	Node.js / Playwright	使用可访问性树而非像素；确定性且对 LLM 友好，无需视觉。	广泛 (VS Code, Copilot)	可靠、结构化自动化，不易因微小 UI 变化而中断。
Scrapeless 浏览器 MCP	云服务	零本地设置，可扩展的云浏览器，处理复杂网站和反爬虫措施。	API 驱动（任何客户端）	大规模、并行自动化任务，以及与具有强大机器人检测的网站交互。

要求

Node.js v20.19 或最新维护的 LTS 版本。
npm。

开始使用

获取您的 Scrapeless API 密钥

快速开始

此 JSON 配置由 MCP 客户端用于连接 Chrome DevTools MCP 服务器并控制远程 Scrapeless 云浏览器实例。

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "chrome-devtools-mcp@latest",
        "--wsEndpoin=wss://browser.scrapeless.com/api/v2/browser?token=scrapeless api key&proxyCountry=US&sessionRecording=true&sessionTTL=900&sessionName=CDPDemo"
      ]
    }
  }
}

演示

一个云浏览器，无限集成

Chrome DevTools MCP、Playwright MCP 和 Scrapeless 浏览器 MCP — 共享一个基础：它们都连接到 Scrapeless 云浏览器。

与传统的本地浏览器自动化不同，Scrapeless 浏览器完全在****云端运行，为开发人员和 AI 代理提供无与伦比的灵活性和可扩展性。

以下是其真正强大的原因：

无缝集成： 完全兼容 Puppeteer、Playwright 和 CDP，只需一行代码即可轻松从现有项目迁移。
全球 IP 覆盖： 访问 195+ 个国家的住宅、ISP 和无限 IP 池，价格透明且具有成本效益（$0.6–1.8/GB）。非常适合大规模网络数据自动化。
隔离配置文件： 每个任务都在专用、持久的环境中运行，确保会话隔离、多账户管理和长期稳定性。
无限并发扩展： 凭借自动伸缩基础设施，即时启动 50–1000+ 个浏览器实例 — 无需服务器设置，无性能瓶颈。
全球边缘节点： 部署在多个全球节点上，实现超低延迟，启动速度比其他云浏览器快 2-3 倍。
反检测： 内置 reCAPTCHA、Cloudflare Turnstile 和 AWS WAF 解决方案，即使在严格的保护层下也能确保不间断自动化。
可视化调试： 通过实时视图实现人机交互式调试和实时代理流量监控。通过会话录制逐页回放会话，快速识别问题并优化操作。

用例

Web 性能分析：使用 CDP 记录跟踪并提取有关页面加载、网络请求和 JavaScript 执行的可操作洞察，使 AI 助手能够提出性能优化建议。
自动化调试：捕获控制台日志、检查网络流量、截图并自动重现错误，以加快故障排除。
端到端测试：使用 Puppeteer 自动化复杂工作流，验证页面交互，并检查 Chrome 中的动态内容渲染。
AI 辅助自动化：像 Gemini 或 Copilot 这样的 LLM 可以可靠、精确地填写表单、点击按钮或从 Chrome 页面抓取结构化数据。

Scrapling Playwright MCP