OpenClaw Browser Relay：用 AI Agent 控制 Chrome（2026）

你的 AI Agent 能搜索网络、写代码、管理文件。但互联网上 90% 的内容隐藏在 JavaScript、登录墙和动态界面后面呢？这就是 OpenClaw Browser Relay 的用武之地。

Browser Relay 是一个 Chrome 扩展，让你的 OpenClaw Agent 控制一个真实的浏览器 — 你的浏览器。它可以点击按钮、填写表单、读取页面内容、截图和导航复杂的 Web 应用。全部通过自然语言命令。

不需要 Selenium。不需要 Puppeteer。不需要无头浏览器设置。只需安装扩展、点击按钮，你的 Agent 就能看到你看到的。

什么是 OpenClaw Browser Relay？

OpenClaw Browser Relay 是一个 Chrome 扩展，在你的 AI Agent 和 Chrome 浏览器之间创建桥梁。当你在标签页上激活它时，Agent 获得以下能力：

查看页面 — 读取完整 DOM、文本内容和页面结构
截图 — 捕获屏幕上的内容进行视觉分析
点击元素 — 按钮、链接、下拉菜单、复选框
输入文本 — 填写表单、搜索框、文本编辑器
导航 — 访问 URL、切换标签页、滚动页面
提取数据 — 从任何网页拉取结构化信息

与传统浏览器自动化的关键区别：Browser Relay 使用你现有的 Chrome 会话。你的 cookie、登录状态和扩展都在。Agent 可以访问你已经登录的网站 — 不需要单独处理认证。

安装 OpenClaw Chrome 扩展

设置 Browser Relay 大约需要两分钟：

第 1 步：安装扩展

在 Chrome 网上应用店搜索"OpenClaw Browser Relay"，或导航到 chrome://extensions 搜索"OpenClaw"。你会看到 OpenClaw 图标出现在 Chrome 工具栏中。

第 2 步：连接到 Agent

点击工具栏中的 OpenClaw 图标，输入 Agent 的地址：

本地 Agent： http://localhost:3000（默认）
远程 VPS： http://your-server-ip:3000

点击"连接" — 连接成功后图标变绿。

第 3 步：附加标签页

Browser Relay 默认不控制你所有的标签页。你选择共享哪些标签页：

导航到你想让 Agent 访问的页面
点击 OpenClaw 工具栏图标
点击"附加标签页" — 徽章变为 ON

Agent 现在可以查看和交互该标签页。随时点击图标再次取消附加。

Browser Relay 的工作原理

底层架构简单但强大：

Chrome 扩展 → 捕获页面快照（DOM + 无障碍树）并发送给 Agent
OpenClaw Agent → 分析快照、决定采取什么操作、发送命令回去
Chrome 扩展 → 执行操作（点击、输入、导航）并捕获新状态

这个循环重复直到任务完成。Agent 通过无障碍快照查看页面 — 每个元素、其角色和内容的结构化表示。这比基于像素的方法更可靠，即使页面布局变化也能工作。

Mission Control 仪表板

OpenClaw Mission Control 让你实时查看 Agent 在浏览器中做什么。你可以：

观看操作实时发生
暂停或取消浏览器自动化
审查 Agent 的决策过程
需要时手动干预

在 http://localhost:3000/mission-control（或你的 Agent 地址）访问 Mission Control。

Browser Relay 使用场景

网络研究与数据提取

"去 ProductHunt，找到本周发布的前 10 个 AI 工具，将它们的名称、描述和 URL 保存到电子表格。"

Agent 导航、滚动、点击进入每个产品页面、提取数据并汇编。

表单填写与提交

"用我的简历数据填写这个求职申请表。"

Browser Relay 处理多页表单、下拉菜单、文件上传，甚至验证码（复杂的需要人工协助）。

社交媒体管理

"在 Twitter 上发布这个帖子，然后用不同的标题在 LinkedIn 上分享链接。"

Agent 使用你现有的会话来撰写和发布帖子。

竞争对手监控

"每天早上检查 competitor-site.com。如果他们更改了定价页面，截图并发给我一个摘要。"

Browser Relay + cron + Telegram 通知 = 自动化竞争情报。

电商运营

"去我的 Shopify 后台，导出本月的订单，创建一个摘要报告。"

对于没有 API 的管理面板，Browser Relay 就是桥梁。

高级 Browser Relay 技巧

使用多个标签页 — 你可以同时附加多个标签页。Agent 可以在它们之间切换进行交叉引用。

与其他技能结合 — Browser Relay 与其他技能结合时最强大：

Browser Relay + SEO 技能 → 视觉分析竞争对手页面
Browser Relay + GitHub 技能 → 在 Web UI 中审查 PR
Browser Relay + 内容技能 → 通过浏览研究，然后写文章

处理动态内容 — 现代 SPA、无限滚动、懒加载 — 全部正常工作，因为 Browser Relay 使用实时 DOM。

隐私与安全 — Browser Relay 只访问你明确附加的标签页。它永远不会读取其他标签页、浏览器历史或存储的密码。对于远程 Agent，使用 SSH 隧道：

ssh -L 3000:localhost:3000 user@your-vps

故障排除

扩展无法连接？

检查 OpenClaw Agent 是否在运行（openclaw status）
验证扩展设置中的地址
如果本地运行，尝试 http://localhost:3000

Agent 看不到页面？

确保你点击了"附加标签页"（徽章应该是 ON）
有些页面阻止扩展 — 尝试刷新
检查浏览器控制台是否有错误

操作很慢？

Browser Relay 在操作之间等待页面加载 — 这是有意的
简单页面读取使用 web_fetch，交互任务才用 Browser Relay

常见问题

Browser Relay 免费吗？

是的。Browser Relay 包含在 OpenClaw 中，Chrome 扩展免费安装。

支持其他浏览器吗？

目前支持 Chrome 和基于 Chromium 的浏览器（Edge、Brave、Arc）。Firefox 支持已在计划中。

Agent 能访问我的密码吗？

不能。Browser Relay 读取页面 DOM 和无障碍树。它无法访问你的密码管理器、保存的密码或其他标签页的浏览器存储。

这和 Selenium 或 Puppeteer 有什么区别？

Selenium 和 Puppeteer 控制一个独立的浏览器实例。Browser Relay 控制你的实际浏览器，带有你现有的会话、cookie 和登录状态。无需设置，无需认证烦恼。

可以在多台电脑上使用吗？

可以。在每台电脑上安装扩展并连接到同一个 OpenClaw Agent（或不同的 Agent）。每个浏览器独立连接。

想要自动化更多？浏览 OpenClaw 技能模板 →

正在设置 OpenClaw？如何构建 AI Agent →

需要部署帮助？用 Docker 部署 OpenClaw →