教程

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 Skills 开发完全指南:从零编写高质量 SKILL.md 自定义技能文件OpenClaw Skills 开发完整教程:SKILL.md 文件结构详解、自动触发 vs 显式触发原理、三个实战模板(GitHub 仓库管理/每日信息简报/代码健康检查)、让技能精准自动触发的描述写法,以及技能质量标准和 clawhub.ai 使用方法。2026/4/19教程OpenClaw 零基础完全入门:安装、Telegram 配置、记忆系统和技能插件完整指南OpenClaw 从零开始完整教程:用宠物龙虾类比理解架构、npm 安装步骤、Telegram Bot 配置、SOUL.md 性格定义、三层记忆系统(每日日志/长期记忆/MEMORY.md)、HEARTBEAT.md 主动任务、技能安装,以及安全配置和常见问题解决。2026/4/18教程OpenClaw 快速入门:用 Telegram 控制 AI Agent,5 分钟搭建个人 AI 助理OpenClaw 5 分钟快速入门:用 Telegram 控制 AI Agent,含安装配置、Bot 创建、Skills 定义、多渠道支持、Claude Code 编程任务集成,以及与 Claude Code CLI 的区别和互补关系。2026/4/13教程OpenClaw 多 Agent 架构入门:用 Telegram Bot 控制你的 AI Agent 集群OpenClaw 多 Agent 架构入门指南:通过 Telegram 控制 AI Agent 集群,支持子 Agent 编排、MCP 集成和多节点部署。含快速开始教程。2026/4/7教程Claude Code + Chrome 浏览器集成:从终端直接操控浏览器的完整指南Claude Code Chrome 集成详解:从终端直接操控浏览器,实现实时调试、表单填写、数据提取、GIF 录制等功能。含前置条件、配置方法和 7 个实战示例。2026/4/7教程OpenClaw Background Tasks 完全指南:让 AI 在后台自主执行长时间任务(2026)OpenClaw Background Tasks(后台任务)完整指南:Background Tasks 与普通对话的区别(异步执行/不阻塞渠道/可中断恢复)、通过自然语言触发后台任务(「帮我在后台处理...」)、openclaw tasks 命令行管理(list/show/cancel/logs)、任务状态跟踪与完成通知、长时间任务的最佳实践(分批处理/超时设置/错误恢复)、与 Cron Jobs 的区别和选用场景,以及实战案例(批量文件处理/代码库扫描/数据报告生成)。2026/4/2