教程

OpenClaw Browser 完全指南:托管浏览器、Chrome 扩展中继与远程 CDP 配置

OpenClaw Browser 工具完整配置指南:openclaw 托管浏览器与 chrome 扩展中继两种模式对比、Browserless/Browserbase 远程 CDP 配置、快照与 Ref 系统使用方法、完整 CLI 命令参考(基础操作/页面检查/等待/状态管理),以及 WSL2 跨命名空间和安全配置。

2026/3/104分钟 阅读ClaudeEagle

OpenClaw 可以运行一个专属的 Agent 浏览器,与你的日常浏览器完全隔离。Agent 通过这个安全通道打开标签页、阅读页面、点击和输入内容。

两种核心模式

Profile说明
openclaw托管独立浏览器(无需扩展)
chrome通过 Chrome 扩展中继控制你现有的 Chrome 标签页

快速开始

bash
openclaw browser --browser-profile openclaw status
openclaw browser --browser-profile openclaw start
openclaw browser --browser-profile openclaw open https://example.com
openclaw browser --browser-profile openclaw snapshot

如果看到「Browser disabled」,在配置中启用它并重启 Gateway:

json
{
  "browser": {
    "enabled": true,
    "defaultProfile": "openclaw"
  }
}

完整配置示例

json
{
  "browser": {
    "enabled": true,
    "defaultProfile": "chrome",
    "color": "#FF4500",
    "headless": false,
    "executablePath": "/Applications/Brave Browser.app/Contents/MacOS/Brave Browser",
    "profiles": {
      "openclaw": { "cdpPort": 18800, "color": "#FF4500" },
      "work": { "cdpPort": 18801, "color": "#0066CC" },
      "remote": { "cdpUrl": "http://10.0.0.42:9222", "color": "#00AA00" }
    },
    "ssrfPolicy": {
      "dangerouslyAllowPrivateNetwork": true
    }
  }
}

使用 Brave / Chrome / Edge

如果系统默认浏览器是基于 Chromium 的,OpenClaw 会自动检测。也可以手动指定:

bash
openclaw config set browser.executablePath "/usr/bin/google-chrome"

不同平台路径:

json
{
  "browser": {
    "executablePath": "/Applications/Brave Browser.app/Contents/MacOS/Brave Browser"
  }
}

Chrome 扩展中继(控制现有 Chrome 标签页)

安装步骤

bash
# 1. 安装扩展
openclaw browser extension install

# 2. 在 Chrome 中加载
# chrome://extensions → 启用「开发者模式」→「加载已解压的扩展」
# 选择 openclaw browser extension path 输出的目录

# 3. 固定扩展,点击想控制的标签页上的图标(徽章显示 ON)

使用

bash
# CLI
openclaw browser --browser-profile chrome tabs

# Agent 工具使用 profile="chrome"

注意:如果 Agent 在沙箱中运行,需设置 agents.defaults.sandbox.browser.allowHostControl: true 并在工具调用时传 target="host"

远程 CDP 配置

Browserless(托管 Chromium 服务)

json
{
  "browser": {
    "enabled": true,
    "defaultProfile": "browserless",
    "remoteCdpTimeoutMs": 2000,
    "profiles": {
      "browserless": {
        "cdpUrl": "https://production-sfo.browserless.io?token=<BROWSERLESS_API_KEY>",
        "color": "#00AA00"
      }
    }
  }
}

Browserbase(支持 CAPTCHA 破解和住宅 IP)

json
{
  "browser": {
    "enabled": true,
    "defaultProfile": "browserbase",
    "remoteCdpTimeoutMs": 3000,
    "remoteCdpHandshakeTimeoutMs": 5000,
    "profiles": {
      "browserbase": {
        "cdpUrl": "wss://connect.browserbase.com?apiKey=<BROWSERBASE_API_KEY>",
        "color": "#F97316"
      }
    }
  }
}

常用 CLI 命令

基础操作

bash
openclaw browser status
openclaw browser start
openclaw browser open https://example.com
openclaw browser tabs
openclaw browser tab new
openclaw browser tab close 2

页面检查

bash
# AI 快照(含数字 ref)
openclaw browser snapshot

# 交互元素列表(含 ref=e12 格式)
openclaw browser snapshot --interactive

# 截图
openclaw browser screenshot
openclaw browser screenshot --full-page

# 控制台错误
openclaw browser console --level error
openclaw browser errors --clear

# PDF
openclaw browser pdf

页面操作

bash
openclaw browser navigate https://example.com
openclaw browser click 12           # 用数字 ref
openclaw browser click e12          # 用角色 ref
openclaw browser type 23 "hello" --submit
openclaw browser press Enter
openclaw browser hover 44
openclaw browser drag 10 11
openclaw browser select 9 OptionA OptionB
openclaw browser fill --fields '[{"ref":"1","type":"text","value":"Ada"}]'
openclaw browser upload /tmp/openclaw/uploads/file.pdf
openclaw browser dialog --accept

等待

bash
# 等待文本出现
openclaw browser wait --text "Done"

# 等待 URL 变化
openclaw browser wait --url "**/dash"

# 等待加载完成
openclaw browser wait --load networkidle

# 等待 JS 条件
openclaw browser wait --fn "window.ready===true"

# 组合等待
openclaw browser wait "#main" --url "**/dash" --load networkidle --timeout-ms 15000

状态管理

bash
openclaw browser cookies
openclaw browser cookies set session abc123 --url "https://example.com"
openclaw browser set offline on
openclaw browser set headers --headers-json '{"X-Debug":"1"}'
openclaw browser set geo 39.9042 116.4074 --origin "https://example.com"
openclaw browser set timezone Asia/Shanghai
openclaw browser set device "iPhone 14"

两种快照和 Ref 格式

快照类型命令Ref 格式操作示例
AI 快照(默认)snapshot数字 12click 12
角色快照snapshot --interactivee12click e12

重要:Ref 在页面导航后失效,每次导航后需重新获取快照。

调试技巧

操作失败时(「not visible」「strict mode violation」「covered」):

  1. openclaw browser snapshot --interactive
  2. click <ref> / type <ref> 重试
  3. 还是失败:openclaw browser highlight <ref> 看 Playwright 定位到哪里
  4. 页面异常:检查 openclaw browser errors --clearopenclaw browser requests --filter api
  5. 深度调试:openclaw browser trace start → 复现问题 → openclaw browser trace stop

WSL2 跨命名空间配置

json
{
  "browser": {
    "enabled": true,
    "relayBindHost": "0.0.0.0",
    "defaultProfile": "chrome"
  }
}

安全配置

严格模式(仅允许特定域名):

json
{
  "browser": {
    "ssrfPolicy": {
      "dangerouslyAllowPrivateNetwork": false,
      "hostnameAllowlist": ["*.example.com", "example.com"]
    }
  }
}

原文:Browser - OpenClaw | 来源:OpenClaw 官方文档

相关文章推荐

教程OpenClaw Standing Orders 完全指南:让 AI 记住你的长期规则和行为偏好OpenClaw Standing Orders(常驻指令)功能完整教程:Standing Orders 与 SOUL.md 的区别(动态运行时规则 vs 静态人格文件)、通过对话动态添加/查看/删除常驻指令、指令的持久化存储与跨会话生效机制、适合写入 Standing Orders 的内容类型(格式偏好/禁止行为/固定工作流)、与 Hooks 的协同使用、按渠道/Agent 设置不同的 Standing Orders,以及常驻指令的最佳实践(写清晰的规则、避免矛盾冲突、定期清理过时规则)。2026/3/26教程OpenClaw 多媒体处理完全指南:图片识别、音频转写与视频理解实战OpenClaw 多媒体处理(Media)完整教程:发送图片给 AI 进行视觉分析(OCR/物体识别/图表解读/代码截图)、音频消息自动转写为文字(Whisper/系统STT)、视频消息关键帧提取与理解、Node 摄像头实时拍照触发分析、媒体消息的渠道支持差异(各渠道的图片/音频/视频支持情况对比)、大文件处理策略(分割/压缩/超时设置)、媒体消息在不同 AI 模型上的能力对比(Claude Vision/GPT-4V/Gemini Pro Vision),以及本地媒体文件分析(read 工具读取图片路径)。2026/3/25教程OpenClaw TUI 完全指南:纯键盘操作的终端管理界面使用详解OpenClaw TUI(Terminal User Interface,终端用户界面)完整使用指南:TUI 与 Control UI(浏览器)的定位对比、适合 TUI 的场景(SSH 远程/无浏览器服务器/低带宽环境)、启动命令(openclaw tui)及参数、界面布局(Agents 面板/Sessions 面板/Channels 状态/Logs 实时流)、全键盘快捷键手册(导航/选择/搜索/刷新/退出)、在 TUI 中发送测试消息、实时日志过滤与搜索,以及 TUI 与 tmux/screen 配合使用的后台运行方案。2026/3/25教程OpenClaw Control UI 与 Dashboard 完全指南:浏览器管理 AI 助手的全功能界面OpenClaw Control UI(控制面板)与 Dashboard(仪表盘)完整使用指南:Control UI 的功能布局(Agents 管理/Tools 工具面板/Sessions 会话查看/Channel 渠道状态)、浏览器访问方式(本地 localhost:18789 vs 远程 SSH 隧道)、在 Control UI 中实时修改 Agent 配置(SOUL.md 编辑/模型切换/工具开关)、Dashboard 数据概览(Token 用量/渠道在线状态/会话列表/Node 节点健康)、从 Dashboard 发起诊断(doctor 命令)、以及 TUI(终端界面)的使用场景与快捷键。2026/3/24教程OpenClaw 群消息完全指南:群组配置、@ 触发、白名单与多 Bot 协同实战OpenClaw 群消息(Group Messages)完整配置教程:群组消息的触发方式(requireMention/commandPrefix/respondToAll)、各渠道群组配置差异(Telegram群/Discord服务器/Slack频道/WhatsApp群)、群组白名单与黑名单管理、限制特定成员才能触发 AI(allowedUsers/allowedRoles)、响应限速防刷屏(cooldown)、多 Bot 在同一群组协同分工的配置方案、群组 Session 的记忆与上下文管理,以及群组中 AI 的礼貌边界设计(何时发言/何时沉默)。2026/3/24教程OpenClaw 接入 Nextcloud Talk:自托管视频会议平台 AI 助手完全配置指南OpenClaw 接入 Nextcloud Talk 的完整教程:Nextcloud Talk 的自托管通信平台特点(视频会议+聊天+文件协作)、插件安装(@openclaw/nextcloud-talk)、通过 occ CLI 创建 Bot 账户并注册 Webhook、OpenClaw 最简配置(serverUrl+appPassword+sharedSecret)、DM 私信与房间(Room)访问控制、Markdown 消息格式和表情反应支持、局域网/内网部署注意事项(WebSocket vs Polling),以及 Nextcloud Talk AI 助手的典型使用场景(会议摘要/文件问答/任务分派)。2026/3/24