利用OpenClaw+飞书,AI驱动UI自动化测试实战案例来了
手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!
各位好,我是洋子。
在如今这个 AI 满地走的时代,咱们做测试的也得给工具升个级。以前搞 UI 自动化,大家习惯用 Playwright 或者 Selenium,这些老牌框架虽说能帮咱从机械劳动中解放出来,但短板也多:得手写一大堆代码、维护起来费时费力,而且脚本特别“脆”,网页稍微改点东西就报错。
手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!
这时候 OpenClaw 就派上用场了。作为新一代的 AI 助手,它能直接接管浏览器,给自动化测试换了一种完全不同的搞法。
环境准备
想让 AI 帮你控浏览器,得先备好这几样:
- 电脑里已经装好了 OpenClaw。
- 准备好 Chrome 或者 Chromium 浏览器。
- 电脑或服务器内存别太抠,建议至少给它留个 2GB 以上。
手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!
如果你还没把 OpenClaw 搭起来,可以去翻翻我之前写的《手把手教你免费搭建 OpenClaw 并接入飞书》那篇文章,弄好了你就能拥有一个 24 小时待命的“数字员工”。
OpenClaw 提供了两种玩转浏览器的方式: - OpenClaw 托管模式(推荐):这种不需要装什么插件,它会自己开一个独立的浏览器环境,还能配合配置文件用,完全不会影响你平时上网的数据。
- Chrome 插件模式:这个得在 Chrome 上装个扩展,用来控制你已经打开的那些网页标签。
这两招怎么选呢? - 要是你想搞长期任务,比如 24 小时盯着某个网页、自动定时发帖或者操作敏感账号,那就选托管模式。登录一次之后,它能记住你的状态,省得老是点验证。
- 如果你只是想在现有的浏览器里直接操作,或者需要用到已经登录好的账号数据,那就用插件模式,不过记得在隔离环境里搞,安全第一。
手把手教你一键部署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 挺聪明的,它会自己找。你直接跟它聊天说“帮我打开浏览器测个网页”,它就动起来了。只有你有特殊要求时才需要去改配置。
- Linux 用户:得去改改配置文件了,路径通常在
~/.openclaw/openclaw.json。
手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!
{
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" },
},
},
}
避坑指南
- 浏览器控制服务的端口是跟着网关端口走的(默认是 18791)。如果你手动改了网关的端口号,浏览器的端口也会跟着挪窝。
cdpUrl要是不设,默认就走插件模式的端口。- 导航前会有个安全检查,如果你想让它能访问内网,记得把
dangerouslyAllowPrivateNetwork设成 true,不然它只带你在公网上逛。 attachOnly这个设成 true 之后,它就不会自己新开浏览器了,只会去蹭已经跑起来的浏览器。- 颜色配置挺有意思,你可以给不同的环境设不同的色调,一眼就能看出哪个在干活。
- 系统找浏览器的顺序是这样的:先看你默认的是不是 Chromium 系,不是的话就按 Chrome、Brave、Edge 这个顺序挨个找。
要是它没找对,你可以用这条命令手动指定:
openclaw config set browser.executablePath "/usr/bin/google-chrome"
手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!
具体的路径大伙儿参考下面的例子:
// Mac 例子
{ 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" } }
想钻研更多细节,可以去官网文档 https://docs.openclaw.ai/tools/browser 瞅瞅。
Chrome 插件模式
这个模式就是让 OpenClaw 直接操控你手头正在用的 Chrome 标签页,而不是另外开个干净的窗口。你只需要在扩展栏点个按钮,就能把它连上或者切断。
怎么装插件
- 先把插件下到本地:
openclaw browser extension install
- 看看装哪了:
openclaw browser extension path
- 打开 Chrome,地址栏输入
chrome://extensions。 - 记得把右上角的“开发者模式”给开了。
- 点击“加载已解压的扩展程序”,把刚才找着的那个文件夹丢进去(路径大概是
~/.openclaw/browser/chrome-extension)。 - 把图标固定住,大功告成。
手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!
插件怎么玩
右键点那个插件图标选“选项”,进到配置页。去 http://127.0.0.1:18789/ 登录控制台拿一下网关 token(要是打不开,记得先用 openclaw gateway start 把服务跑起来)。把 token 填进插件设置里。
搞定后,去你想操作的网站,点一下插件图标让它变绿,显示“ON”就代表连上了。
注意:ON 就是连上了,点点点代表在连,感叹号通常是 token 没对上或者网关没开。
手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!
现在,你只需要在飞书里跟 OpenClaw 聊天,告诉它你想干嘛,它就自己动了。如果你想换个页面搞,记得先关掉当前这个,再开新的,然后把 ON 开关重置一下。
这里演示的是插件玩法。至于刚才说的托管模式,用起来更直接,对它喊一句“帮我上百度搜下东西,测测搜索功性能不能行”,它就开工了。
完全不用撸代码就能搞定 UI 自动化,这大概就是 AI 给测试带来的福利吧。
说句心里话,OpenClaw 刚开始搭的时候确实有点绕,但只要你把它弄顺了,结合飞书这种工具,真的能帮你省不少事,简直就是你的私人助理。唯一肉疼的地方就是这玩意儿挺费 Token 的,也就是得花点钱买算力。
手把手教你一键部署OpenClaw,连接微信、QQ、飞书、钉钉等,1分钟全搞定!
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)