Chrome Devtools Mcp 1.0.0

🌐 Google 官方浏览器自动化中枢

Google 官方浏览器自动化 MCP,通过 Puppeteer 实现 AI 控制 Chrome 进行点击、表单填写、截图、性能追踪和网络调试,适用于 Web 测试与自动化任务。

收藏
3.1k
安装
1.1k
版本
1.0.0
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心用法

Chrome DevTools MCP 是 Google 官方发布的浏览器自动化服务,基于 Puppeteer 和 Chrome DevTools Protocol,让 AI 代理能够完全控制实时 Chrome 浏览器。核心功能覆盖四大维度:

输入自动化:支持点击、拖拽、悬停、键盘输入、文件上传、对话框处理等 8 种交互方式,以及批量表单填充能力。

导航控制:实现页面跳转、多标签管理、网络空闲等待,支持无头模式和连接现有 Chrome 实例。

调试与观测:提供截图、DOM 快照、JavaScript 执行、控制台日志读取,支持源码映射的堆栈追踪。

性能与网络:可录制 Chrome 性能追踪数据并生成 AI 分析报告,支持网络请求的完整检视。

显著优点

  • 官方背书:Google Chrome 团队直接维护,与最新 Chrome 版本保持同步
  • 协议完整:基于成熟的 DevTools Protocol,覆盖浏览器能力的方方面面
  • 多模式运行:支持自动启动、无头服务器模式、连接现有调试端口
  • 设备仿真:内置移动端/平板设备模拟和视口调整
  • OpenClaw 集成:提供现成的 JSON 配置和 Python 安装脚本

潜在缺点与局限性

  • Node.js 版本限制:要求 Node.js v20.19+,旧环境需升级
  • Chrome 依赖:必须本地安装 Chrome/Chromium,容器环境需额外配置
  • 隐私风险:默认启用 Google 使用统计和 CrUX 性能分析 API,需显式关闭
  • 学习曲线:DevTools Protocol 概念较多,初学者需理解 UID、快照等抽象

适合人群

  • Web 开发者进行端到端测试和 UI 回归验证
  • 性能工程师分析页面加载和运行时瓶颈
  • 自动化需求场景:表单批量处理、数据抓取、截图生成
  • AI Agent 开发者构建需要浏览器能力的智能体

常规风险

  • 数据泄露:浏览器会话中的敏感信息可能被截图或网络日志捕获
  • 远程代码执行evaluate_script 工具可执行任意 JavaScript,需验证输入
  • 隐私合规:默认遥测可能违反企业数据出境规定,生产环境务必添加 --no-usage-statistics --no-performance-crux
  • 资源消耗:Chrome 进程占用内存较高,多实例运行需注意系统负载

Chrome Devtools Mcp 1.0.0 内容

scripts文件夹
手动下载zip · 5.5 kB
setup_chrome_mcp.pytext/plain
请选择文件