OpenClaw+飞书,AI驱动UI自动化测试实战案例来了
手把手教你一键部署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扩展中继模式
这个模式挺有意思,它能像代理一样接管你正在用的浏览器标签页,不用再单独起一个全新的配置环境。
在浏览器右上角点个按钮,就能决定连上还是断开,非常灵活。
插件安装步骤
- 先把插件下到本地一个稳当的地方:
openclaw browser extension install
- 看看插件到底装哪了,把路径记下来:
openclaw browser extension path
- 打开Chrome,在地址栏输入
chrome://extensions。 - 把右上角的“开发者模式”给勾上。
- 点击“加载已解压的扩展程序”,把刚才记下来的那个目录选上。
- 把插件固定到工具栏,大功告成!
手把手教你一键部署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,没啥大毛病。
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐

所有评论(0)