利用OpenClaw+飞书，AI驱动UI自动化测试实战案例来了

各位好，我是洋子。在当下的AI浪潮中，测试行业也得跟上节奏。以前搞UI自动化，大家习惯用Playwright或Selenium，这些工具虽然能替代重复劳动，但短板也很明显：得手写一大堆代码、维护起来头大，而且脚本动不动就报错挂掉。
OpenClaw作为一个全新的AI利器，凭借它那强悍的浏览器操控能力，给我们整出了一套完全不同的自动化测试新方案。
手把手教你一键部署OpenClaw，连接微信、QQ、飞书、钉钉等，1分钟全搞定！

环境准备

想让它控制浏览器，得先满足这几个硬指标：

• 电脑里已经装好了 OpenClaw
• 装了 Chrome 或者 Chromium 浏览器
• 内存得够用，建议起码 2GB 以上
  安装并运行 OpenClaw：
  要是你还没把环境搭起来，可以翻翻我之前写的关于免费搭建OpenClaw并接入飞书的那篇教程。OpenClaw 操控浏览器主要有两种路数：
• OpenClaw托管模式（默认）：不用装任何插件，它会自己开一个干净的浏览器，配合配置文件来用，完全不会干扰你平时存的那些书签和数据。
• Chrome扩展中继模式：需要在你常用的 Chrome 里加个插件，直接接管你现在正开着的网页标签。
  手把手教你一键部署OpenClaw，连接微信、QQ、飞书、钉钉等，1分钟全搞定！
  这两招该怎么选？
• 建议用托管模式的场景：适合那些要连轴转的任务，比如全天候盯着某个网页、定时去发个帖或者操作一些比较敏感的账号。它第一次登录后能记住状态，以后就不用老是验证了。
• 建议用扩展模式的场景：如果你需要直接用到平时浏览器里存的登录信息，选这个最方便，但最好在独立环境里操作。
  手把手教你一键部署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

添加配置文件

通过上面几个命令，你应该能感觉到 OpenClaw 是怎么控制浏览器的了，接下来得给独立浏览器定个配置。

• Mac本地用户：如果你已经装了 Chrome，这步基本可以跳过。OpenClaw 会自己找浏览器，你直接跟它说话，比如“开个浏览器帮我抓点数据”，它就能动起来。除非你有特殊癖好，才需要去改配置。
• Linux用户：得在 OpenClaw 的配置文件里手动加一下浏览器的配置项，文件一般在~/.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。如果你改了网关的主端口，浏览器的端口也会跟着挪窝。
• cdpUrl要是没设，默认会去找扩展中继的端口。
• attachOnly设成 true 很有意思，意思就是“别自己乱开浏览器，等我开了你再连上来”。
• 不同配置文件可以设不同颜色，一眼就能瞅出哪个浏览器正在干活。
• 系统会自动去找 Chrome、Brave、Edge 或者 Chromium。要是它没找着，你就得用browser.executablePath手动指个路。
  手动改路径的例子：

openclaw configsetbrowser.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"}}

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

Chrome扩展中继模式

这个插件模式能让你直接控死手里现有的 Chrome 标签页，不用再单独起一个新的浏览器配置文件。点一下工具栏的按钮就能随时连接或断开。

如何安装扩展

1. 把插件下到本地一个稳当的地方：

openclaw browser extension install

2. 看看插件到底装哪了：

openclaw browser extension path

3. 打开 Chrome 进到chrome://extensions。
4. 把右上角的开发者模式开关给拨过去。
5. 点那个“加载已解压的扩展程序”，选中刚才查出来的那个文件夹路径。
6. 把插件固定住，大功告成。

如何使用扩展

先右键点插件图标进选项页。
然后去网关控制台（通常是http://127.0.0.1:18789/）拿一下 Token。要是打不开，记得先执行openclaw gateway start把服务跑起来。
把 Token 填进插件的设置里。
接着去你想控的网站，点一下插件图标，让它显示成 ON 状态。

只要图标亮了 ON 就是连上了，“…”是在努力连接，“!”就是连不上或者 Token 没对上。
手把手教你一键部署OpenClaw，连接微信、QQ、飞书、钉钉等，1分钟全搞定！
在飞书里直接跟 OpenClaw 聊天，告诉它你的需求，它就会自个儿在浏览器里操作了。如果你想换个页面控，记得先关掉现有的页面连接，再去新页面开 ON 开关。
这里演示的是插件模式，如果是刚才说的托管模式，直接对它下指令就行，比如“去百度搜一下XXX”。
不用憋代码就能搞定 UI 自动化，这大概就是 AI 给我们带来的降维打击吧。
手把手教你一键部署OpenClaw，连接微信、QQ、飞书、钉钉等，1分钟全搞定！
最后说说心里话，OpenClaw 这玩意儿刚开始配的时候确实有点繁琐，可一旦搞通了，就像请了个 24 小时待命的数字员工。配上飞书这种聊天软件，动动嘴皮子就能把事办了。硬要说缺点，可能就是 Token 消耗得有点快，钱包有点疼。
手把手教你一键部署OpenClaw，连接微信、QQ、飞书、钉钉等，1分钟全搞定！