【OpenClaw 从入门到精通】第 17 篇浏览器自动化本系列定位零基础入门从安装配置到高级架构全覆盖。本篇你将学到Browser 工具配置Browserbase / 本地 Chromium网页操作实战浏览器工具与 Web 搜索的区别一、浏览器后端下面是浏览器后端的选择流程是否是否需要浏览器自动化有 Browserbase API Key使用 Browserbase 云端浏览器本地已安装 Chromium使用本地 Chromium安装 Chromium 或申请 Browserbase Key配置 apiKey配置 backend: local✅ 浏览器后端就绪1.1 两种后端后端说明需要安装Browserbase云端浏览器API Key本地 Chromium本地浏览器自动检测1.2 配置{tools:{browser:{backend:browserbase,apiKey:${BROWSERBASE_KEY}}}}或用本地 Chromium{tools:{browser:{backend:local}}}二、浏览器实战下面是浏览器自动化操作的完整流程是否打开网页navigate()表单操作fill() / click()需要数据数据抓取extract()截图保存screenshot()2.1 打开网页你打开 GitHub 搜索 openclaw openclaw截图 OpenClaw browser: navigate(https://github.com/search?qopenclawopenclaw) browser: screenshot() 截图已保存2.2 表单操作你登录我的测试网站用户名 admin密码 123456 OpenClaw browser: navigate(https://test.example.com/login) browser: fill(#username, admin) browser: fill(#password, ******) browser: click(#submit) ✅ 登录成功2.3 数据抓取你抓取这个页面的所有商品名称和价格 OpenClaw browser: navigate(https://shop.example.com) browser: extract([.product-name, .product-price]) 商品列表 键盘 ¥299 鼠标 ¥89 ...三、browser下面是工具选择决策流程是否是否需要获取网页信息需要交互操作登录/点击/填表使用 browser 工具只需搜索或阅读使用 web 搜索工具根据具体需求选择✅ 可执行完整浏览器操作速度慢、成本高✅ 快速获取搜索结果速度快、成本低vs web 搜索维度browser 工具web 搜索工具能力完整浏览器操作搜索 内容提取速度慢渲染页面快直接提取场景需要交互登录/点击搜索/读取成本高Browserbase 按次计费低选择搜索和阅读用 web 工具需要交互操作登录、点击、填表用 browser。本篇小结知识点核心内容Browserbase云端浏览器推荐本地 Chromium免费但需安装browser 操作navigate / click / fill / screenshot / extractvs web 搜索交互用 browser搜索用 web下篇预告第 18 篇技能系统与 ClawHub如果本篇内容对你有帮助欢迎点赞收藏有任何疑问欢迎在评论区交流。
