Chrome 浏览器自动执行方案

AI Agent 与浏览器的深度集成方案全景,以下为目前的四种主流方案

┌──────────────────────────────────────────────────────────────────────┐
│ Claude 操作浏览器的四大方案(按推荐度排序) │
├──────────────────────────────────────────────────────────────────────┤
│ │
│ 方案 A:Claude for Chrome (官方扩展) ⭐⭐⭐⭐⭐ 推荐主选 │
│ → 官方原生方案,最稳定 │
│ │
│ 方案 B:Playwright MCP Server ⭐⭐⭐⭐⭐ 自动化首选 │
│ → 程序化控制,适合测试与脚本 │
│ │
│ 方案 C:Chrome DevTools MCP ⭐⭐⭐⭐ 调试场景 │
│ → 性能分析、网络抓包 │
│ │
│ 方案 D:Computer Use API ⭐⭐⭐ 通用桌面控制 │
│ → 适合复杂桌面应用,非纯浏览器 │
│ │
└──────────────────────────────────────────────────────────────────────┘

方案 A:Claude for Chrome(官方扩展)— 强烈推荐主选

Claude Code 通过 Claude in Chrome 浏览器扩展集成,从 CLI 或 VS Code 扩展获得浏览器自动化能力。可以测试 Web 应用、用控制台日志调试、自动化表单填写,以及从网页提取数据。Claude 为浏览器任务打开新标签页并共享浏览器登录状态,可以访问所有你已登录的网站。浏览器操作在可见的 Chrome 窗口中实时运行。

┌────────────────────────────────────────────────────────────────────┐
│ Claude for Chrome 核心能力矩阵 │
├────────────────────────────────────────────────────────────────────┤
│ │
│ 📖 内容读取 │
│ ├─ 当前页面 DOM 内容 │
│ ├─ 控制台日志(Console errors/warnings) │
│ ├─ 网络请求(Network requests) │
│ └─ 多 Tab 内容(拖入标签组) │
│ │
│ 🖱️ 浏览器操作 │
│ ├─ 点击按钮、链接 │
│ ├─ 填写表单、输入文本 │
│ ├─ 导航跳转、刷新 │
│ ├─ 滚动、截图 │
│ └─ 切换标签页 │
│ │
│ 🔐 会话继承 │
│ └─ 自动复用你浏览器的登录状态(Gmail/AWS Console/Jira 等) │
│ │
│ 🎬 工作流录制 │
│ ├─ 录制操作序列作为 GIF │
│ └─ 保存为可重复执行的 Shortcuts │
│ │
│ ⏰ 定时调度 │
│ └─ 每日/每周/每月自动运行 │
│ │
└────────────────────────────────────────────────────────────────────┘

Claude for Chrome 完整安装流程

  1. 访问 Chrome Web Store
  2. 搜索 “Claude in Chrome”
  3. 确认发布者为 “Anthropic”(防止山寨)
  4. 点击 “Add to Chrome”
  5. 点击工具栏拼图图标 → 钉住 Claude 图标
  6. 用 Claude 账号登录

Claude for Chrome 包含了以下权限模式:

  • Ask before acting : Claude 在每次操作前请求批准
  • Act without asking : Claude 自主工作无需每步请求许可
┌─────────────────────────────────────────────────────────────────┐
│ 权限模式选择决策 │
├─────────────────────────────────────────────────────────────────┤
│ │
│ 🟢 Ask before acting(推荐新手) │
│ ├─ 每步操作前询问 │
│ ├─ 适合:学习阶段、生产环境、敏感操作 │
│ └─ 缺点:频繁打断 │
│ │
│ 🟡 Act without asking(熟练后) │
│ ├─ 完全自主执行 │
│ ├─ 适合:明确的重复性任务、低风险操作 │
│ └─ 缺点:风险较高,需密切监督 │
│ │
│ 🔴 Pre-approved per site(最佳实践) │
│ ├─ 按站点预批准 + 仍对高风险操作弹窗 │
│ └─ 推荐:日常工作模式 │
│ │
└─────────────────────────────────────────────────────────────────┘