手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!
哈喽,我是洋子。
在当下这个AI横行的时代,咱们的测试工作也得跟上节奏。以前搞UI自动化,像Playwright或者Selenium这类框架虽然帮了不少忙,但还是得手动写一堆脚本,后期维护起来也费劲,元素一变代码就报错,真是挺让人头大的。
手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!
最近发现OpenClaw这个AI神器,配合它那一手牛掰的浏览器操控技术,给自动化测试整出了一套全新的玩法。

环境准备

想让它帮咱们操作浏览器,得先把这些底子打好:

  • 提前装好OpenClaw
  • 电脑里得有Chrome或者Chromium
  • 内存别太小,起码得给它留出2GB以上的空间
    安装和跑起来的步骤:
    手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!
    如果你还没把OpenClaw搭起来,可以翻翻之前那篇《手把手教你免费搭建使用OpenClaw并接入飞书,立即拥有你的24小时在线"数字员工"》。
    OpenClaw目前控浏览器主要靠这两招:
  • OpenClaw托管模式(默认):这种不用装插件,它会自己开一个干净的浏览器窗口。你可以给它配不同的配置文件,完全不会干扰你自己平时上网的数据。
  • Chrome扩展中继模式:这个得装个插件,它能直接接管你现在正在用的浏览器页面。
    这两招该怎么选?
  • 选托管模式的情况:适合那种要长久挂着的活儿,比如盯着网页变化、定时发个贴或者登录敏感账号。它能记住你的登录状态,下次直接用,不用老是验证。
  • 选扩展模式的情况:如果你需要用到平时浏览器里现成的登录信息,用这个比较方便,但最好是在独立的环境里搞。
    手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!

OpenClaw托管模式

快速上手

# 看看浏览器啥情况
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

添加配置文件

用上面那几条命令能先感受一下它是怎么开网页的。接下来咱们聊聊怎么配这种独立的浏览器。

  • 如果你用的是Mac,而且已经装了Chrome,这块其实可以不用管。OpenClaw挺聪明的,能自动找着。你直接跟它对话,说“帮我打开浏览器测测XX网站”,它就能动起来。除非你有啥特殊癖好,才需要去改配置。
  • 如果是Linux系统,那就得老老实实去改配置了。文件在 ~/.openclaw/openclaw.json
{
  browser: {
    enabled: true, // 默认就是开着的
    ssrfPolicy: {
      dangerouslyAllowPrivateNetwork: true, // 信任模式
    },
    remoteCdpTimeoutMs: 1500, // 远程连接超时时间
    remoteCdpHandshakeTimeoutMs: 3000, // 握手超时时间
    defaultProfile: "chrome",
    color: "#FF4500",
    headless: false, // 别隐藏窗口,不然看不见操作
    noSandbox: false,
    attachOnly: 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" },
    },
  },
}

手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!

避坑指南

  • 浏览器控制服务的端口是根据网关端口算出来的,默认是18791。如果你改了网关端口,浏览器的端口也会跟着变。
  • SSRF保护这块,如果你想让它只逛外网,就把 dangerouslyAllowPrivateNetwork 关掉。
  • attachOnly 如果设为 true,OpenClaw 就不会自己去开浏览器了,它只会去连那些已经跑起来的窗口。
  • 颜色配置挺好玩的,不同的配置文件给不同的颜色,一眼就能看出哪个在干活。
  • 系统搜寻浏览器的顺序一般是:系统默认的Chromium内核浏览器 -> Chrome -> Brave -> Edge 等。
    要是想自己定浏览器路径,直接敲这行命令就行:
openclaw config set browser.executablePath "/usr/bin/google-chrome"

不同系统的路径例子长这样:

// macOS
{
  browser: {
    executablePath: "/Applications/Brave Browser.app/Contents/MacOS/Brave Browser"
  }
}
// Windows
{
  browser: {
    executablePath: "C:\\Program Files\\BraveSoftware\\Brave-Browser\\Application\\brave.exe"
  }
}
// Linux
{
  browser: {
    executablePath: "/usr/bin/brave-browser"
  }
}

要是想研究更多高阶玩法,直接去官网文档搜 tools/browser
手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!

Chrome扩展中继模式

这个模式挺有意思,它能像代理一样接管你正在用的浏览器标签页,不用再单独起一个全新的配置环境。
在浏览器右上角点个按钮,就能决定连上还是断开,非常灵活。

插件安装步骤

  1. 先把插件下到本地一个稳当的地方:
openclaw browser extension install
  1. 看看插件到底装哪了,把路径记下来:
openclaw browser extension path
  1. 打开Chrome,在地址栏输入 chrome://extensions
  2. 把右上角的“开发者模式”给勾上。
  3. 点击“加载已解压的扩展程序”,把刚才记下来的那个目录选上。
  4. 把插件固定到工具栏,大功告成!
    手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!

插件怎么用

点一下那个插件图标,右键进选项页面。
http://127.0.0.1:18789/ 登录Web控制台拿个网关Token。要是打不开,记得先启动服务:openclaw gateway start
把Token填到插件的配置里保存。
接着,打开你想让AI帮你搞定的网页,点一下插件图标,让它显示成“ON”。

ON 代表连上了,省略号是在连,感叹号就是连不上,大概率是Token没对上。
这时候去飞书给OpenClaw发指令,它就能帮你操作网页了。想换页面的时候,记得先把现在的关了,去新页面再点一下ON。
这里我用的是扩展模式演示。托管模式也一样,直接给它发消息就行,比如:“帮我搜一下百度,测测搜索准不准”。
一行代码都不用憋,UI自动化就这么跑通了,AI确实是咱们打工人的救星。
手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!
最后说说心里话:OpenClaw刚开始部署的时候确实有点绕,但只要弄通了,配合飞书这类办公软件,那简直是打开了新世界的大门。想干啥直接张嘴说就行,除了稍微有点废Token,没啥大毛病。

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐