跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书AI学习GitHub 精选镜像AI工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
Shell / BashAI大前端

AI 操控浏览器:OpenClaw Browser Relay 接入指南

OpenClaw Browser Relay 允许通过 AI 自然语言指令控制浏览器,解决传统自动化脚本配置复杂、维护困难及处理动态页面能力弱的问题。重点介绍了扩展中继模式(Extension Relay)的配置步骤与原理,包括安装 Chrome 扩展、配置 Token 及网关配对。同时提供了常见连接错误的排查方法及自动查资料总结的实战案例,展示了将手动操作时间大幅缩短的效果。

BackendPro发布于 2026/4/6更新于 2026/10/24122 浏览
AI 操控浏览器:OpenClaw Browser Relay 接入指南

为什么需要 Browser Relay?

痛点:

  • 自动化操作浏览器配置复杂、代码易报错
  • 页面变动导致脚本失效,维护成本高
  • 登录态、Cookie、JavaScript 渲染页面难以处理

解决方案: OpenClaw Browser Relay 使用 AI 控制浏览器。无需记忆 API 或编写复杂脚本,通过自然语言指令即可实现:

  • 自动打开浏览器、登录、查询并返回结果
  • 自动识别表单字段、填写并提交
  • 访问网址、截图并发送
  • 视觉识别并点击页面对象

一句话:让浏览器听你的话,像聊天一样简单。

浏览器模式

OpenClaw 提供三种浏览器控制模式,本文介绍 Extension Relay 模式。

扩展中继模式(Extension Relay)

适用场景:

  • 需要访问已登录的网站(如 Gmail、飞书、企业后台)
  • 复用浏览器的 Cookie 和 Session
  • 临时性、轻量级的自动化任务

工作原理: 在 Chrome 浏览器上安装扩展程序,通过 WebSocket 连接到 OpenClaw 网关。AI 命令经网关→扩展→浏览器链路执行。

优点:

  • 直接使用现有登录状态
  • 共享浏览器配置(代理、插件等)
  • 轻量级,无需额外启动浏览器实例

缺点:

  • 安全性较低(AI 可访问所有标签页)
  • 依赖扩展稳定性
  • 高级功能受限(截图、ARIA 快照需额外配置)

配置方法:

  1. 安装扩展:
openclaw browser extension install
  1. 获取扩展路径:
openclaw browser extension path
  1. 在 Chrome 中加载:
    • 打开 chrome://extensions
    • 启用"开发者模式"
    • 选择上述命令输出的路径
  2. 配置扩展:
    • 点击扩展图标
    • 输入端口:18789(默认)
    • 输入 Token(查看 ~/.openclaw/openclaw.json)

使用:先打开谷歌浏览器,开启一个标签,点击地址栏右边图标,会有个 on 显示在图标上 (如果是个感叹号,说明没有配置对)。此时则可以使用 openclaw 操作谷歌浏览器了。

踩坑记录

问题: 连接不上或无法控制网页,执行 openclaw gateway status 报错 pairing required。

原因: OpenClaw 采用类似蓝牙的配对机制,防止恶意软件通过 localhost 控制浏览器窃取数据。客户端需显式授权。

解决方法:

  1. 停止网关:
openclaw gateway stop
  • 删除旧身份限制文件:
  • rm -rf ~/.openclaw/identity/ ~/.openclaw/devices/
    
    1. 重新启动网关并配对:
    openclaw gateway start
    openclaw browser --browser-profile chrome tabs
    

    实战案例:AI 帮你干活

    案例一:自动查资料 + 总结

    需求: 去知乎搜索"人工智能",总结热门观点。

    指令:

    帮我去知乎搜索"人工智能",总结一下热门文章的核心观点
    

    AI 自动执行流程:

    1. 打开知乎
    2. 输入搜索词
    3. 浏览搜索结果
    4. 提取文章内容
    5. 生成总结报告

    耗时: 从 30-60 分钟降至 2-3 分钟。

    实际命令流(AI 内部执行):

    openclaw browser open https://www.zhihu.com
    openclaw browser type e5 "人工智能" # 搜索框
    openclaw browser click e8 # 搜索按钮
    openclaw browser snapshot
    openclaw browser text # 提取页面文本
    # AI 分析并生成总结
    

    目录

    1. 为什么需要 Browser Relay?
    2. 浏览器模式
    3. 扩展中继模式(Extension Relay)
    4. 踩坑记录
    5. 实战案例:AI 帮你干活
    6. 案例一:自动查资料 + 总结
    7. AI 分析并生成总结

    更多推荐文章

    查看全部
    • 人工智能大模型技术学习方法与常用资源推荐
    • Apache Dubbo 存在高危反序列化漏洞 CVE-2020-1948
    • KWDB 运维实战:用 SQL 打通 Metrics 与 CMDB
    • 零成本搭建飞书机器人:基于 Webhook 的高效消息推送实践
    • VSCode 远程连接 Linux 服务器进行 C++ 调试的配置指南
    • AI 辅助小说创作实战指南:平台规则与收益分析
    • JetLinks MQTT 设备属性主动上报 Python 实现
    • VR 跨设备同步:提示工程如何让内容一致?
    • FPGA 工程最常见的 10 个玄学 BUG 与排查思路(实战踩坑总结)
    • Python+Agent 入门实战:零基础搭建可复用 AI 智能体
    • 深入理解 JSON Web Token (JWT)
    • Openclaw 结合飞书实现多机器人配置指南
    • PyTorch Grad-CAM 教程:生成高质量 AI 热力图
    • Trae AI IDE 实战指南:从零开发 ChatBot 应用
    • OpenClaw 框架下 Discord AI 机器人部署指南
    • ZXing-C++:现代C++二维码识别库入门指南
    • GLM-4.6V-Flash-WEB 模型部署与 GitHub 镜像加速方案
    • 6款免费AI写作软件测评:AI写网文工具对比与去重技巧
    • 宇树机器人 G1 二次开发:导航仿真与地图转换教程
    • OpenClaw 完整部署指南:安装、Coding Plan 配置及飞书机器人接入

    相关免费在线工具

    • RSA密钥对生成器

      生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

    • Mermaid 预览与可视化编辑

      基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

    • 随机西班牙地址生成器

      随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

    • Base64 字符串编码/解码

      将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

    • Base64 文件转换器

      将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

    • Markdown转HTML

      将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online