Chrome Bridge 自动化(Midscene Chrome Bridge)
适用人群
适合:要批量打开网页、搜索信息、点击页面并保存结果的人、要反复登录后台、填写表单、截图取证或下载页面内容的人、要把固定网页操作交给 AI 自动执行的运营、测试和采集人员。
技能介绍
这个技能主要用于浏览器自动化、网页访问和页面信息处理,适合把重复的网页操作交给系统先跑一遍。
⚠️ 关键规则 — 违反将导致工作流中断: > > 1. 禁止后台运行 midscene 命令。 每条必须同步执行。 > 2. 每次只运行一条命令。 等上一条完成后再执行下一条。 > 3. 留足执行时间。 涉及 AI 推理,通常需要 1 分钟以上。 > 4. 完成后必须主动汇报结果。。
业务背景和落地案例
当团队需要浏览器自动化时,可以先用Chrome Bridge 自动化(Midscene Chrome Bridge)完成第一轮处理。常见做法是把相关文件、网址、素材或配置交给它,先产出初版结果,再由人工确认和继续推进。
能做什么
- 确认 Chrome 已打开 — Bridge 模式需要 Chrome 处于运行状态。
- 确认扩展状态 — 扩展图标上应显示 🟡 黄色圆点(表示 Listening),表示正在监听连接。
- 首次连接时 — 扩展会弹出确认对话框,用户需点击 “Allow”(可选 “Always Allow” 跳过后续弹窗)。
- 连接 — 用 connect –url 打开页面。
- 截图 — 确认页面已加载。
- 执行操作 — 用 act 完成任务。
- 断开连接 — 仅在用户任务完全结束时断开。多轮对话中保持连接以便继续操作。
安装方法
方式 1:对 OpenClaw 说(不用写代码)
适合:OpenClaw、Codex、Kimiclaw、Windsurf、Trae、华为 CodeArts。
直接对 OpenClaw 说:
帮我安装一个叫 Chrome Bridge 自动化(Midscene Chrome Bridge) 的 Skill。
如果安装时需要精确名字,就用 luffy-skills-midscene-chrome-bridge。
装好以后,先用它帮我处理一遍当前任务。
如果需要手动安装,可以用这条命令:
clawhub install luffy-skills-midscene-chrome-bridge
方式 2:导入 MD 安装
适合:腾讯Workbuddy、百度Duclaw、字节Arkclaw、智谱Autoclaw、科大讯飞Astronclaw。
- 找到这条 Skill 自带的 Markdown 文件,通常就是它的
SKILL.md 或同名 .md 文件。 - 把这个 Markdown 文件导入到你的产品里。
- 导入完成后,直接对 AI 说:
用刚刚导入的Chrome Bridge 自动化(Midscene Chrome Bridge),先帮我处理当前任务。
备注:这一种本质上是导入一个 Markdown 文件,给知道安装包里有 .md 文件的人即可。
方式 3:代码安装
适合:Claude Code、Cursor、通义灵码、文心快码。
最短可用命令:
npx @midscene/web@1 --bridge <子命令> [参数]
如果要继续执行,可以再用:
npx @midscene/web@1 --bridge disconnect
npx @midscene/web@1 --bridge take_screenshot
使用步骤
- 先选上面 3 种方式里,自己最容易完成的一种。
- 安装完成后,直接对 OpenClaw 说:“用Chrome Bridge 自动化(Midscene Chrome Bridge)帮我处理当前任务。” 先让它自己跑一遍就可以。
- 如果你已经有明确文件、网址、目录或数据,再把它补给 OpenClaw,让它只处理这一部分。
- 先看第一轮结果,再决定要不要追加条件、缩小范围或继续执行下一步。
- 如果这条 Skill 确实好用,就把它保留在常用列表,后面重复任务直接复用。
你需要准备什么
- 与你当前任务相关的文件、网址、目录或数据。
- 要访问的网址或页面列表。
- 需要执行的网页操作目标。
- 如果涉及登录,还要准备可用账号或权限。
- 如果这条 Skill 依赖外部服务,还要准备对应账号权限或可用凭证。
你会看到什么结果
- 页面截图、抓取结果或结构化数据。
- 自动化执行后的页面结果。
- 可继续复用的网页操作流程。
风险提示
- 涉及 API Key、Token 或其他凭证时,先确认保存方式和权限边界。
- 依赖外部服务时,网络波动、配额限制或接口变化都会影响结果。
- 自动化页面流程容易受页面结构变化影响,正式使用前先跑一遍最小示例。
来源信息
- 公开页面地址: https://agentskillsrepo.com/skill/CarGod/luffy-skills-midscene-chrome-bridge
- SKILL.md 下载地址: https://agentskillsrepo.com/skill/CarGod/luffy-skills-midscene-chrome-bridge/download