Abby Browser

基于 OpenClaw 的浏览器工具，支持自然语言控制网页打开、截图、点击、输入、表单填写、数据提取和页面操作。

Abby Browser Skill

基于 OpenClaw 内置浏览器工具封装

---

解决的问题

让爸爸可以用自然语言控制浏览器，不需要记住复杂命令。

---

核心功能

功能	命令	示例
打开网页	open	打开 Google
截图	screenshot	截取当前页面
点击	click	点击按钮
输入	type	输入文字
填表单	fill	填写表单
提取数据	snapshot	获取页面内容
等待	wait	等待加载
滚动	scroll	滚动页面

---

使用方法

在对话中

text

爸爸：帮我打开 Google
Abby：好的爸爸！让我打开 Google...
[执行 openclaw browser open https://google.com]
✅ 已打开 Google

爸爸：帮我截图
Abby：好的，截个图...
[执行 openclaw browser screenshot]
📸 截图已保存

爸爸：帮我点击登录按钮
Abby：好的...
[执行 openclaw browser click 12]
✅ 已点击

常用命令

bash

# 打开网页
openclaw browser open https://example.com

# 截图
openclaw browser screenshot
openclaw browser screenshot --full-page

# 点击元素 (需要先 snapshot 获取 ref)
openclaw browser click 12
openclaw browser click 12 --double

# 输入文字
openclaw browser type 12 "hello world"

# 填写表单
openclaw browser fill --fields '[{"ref":"1","value":"xxx"}]'

# 获取页面快照
openclaw browser snapshot
openclaw browser snapshot --format aria

# 等待
openclaw browser wait --text "Done"
openclaw browser wait --selector ".content"

# 滚动
openclaw browser evaluate --fn 'window.scrollTo(0, document.body.scrollHeight)'

---

封装脚本

scripts/open.py

打开网页的封装脚本。

scripts/screenshot.py

截图的封装脚本。

scripts/click.py

点击元素的封装脚本。

scripts/form.py

表单填写的封装脚本。

scripts/extract.py

数据提取的封装脚本。

---

重要概念

1. Element Reference (ref)

每次执行 snapshot 后，元素会有一个编号 (ref)：

text

<button ref="12">登录</button>
<input ref="23" />

点击 ref=12：openclaw browser click 12

2. Snapshot 格式

• --format ai (默认) - AI 理解
• --format aria - 辅助功能树

3. 等待加载

操作前最好等待：

bash

openclaw browser wait --text "加载完成"

---

安全考虑

• ❌ 不自动执行危险操作
• ✅ 执行前确认
• ✅ 记录操作日志
• ✅ 异常处理

---

依赖

• OpenClaw browser 工具
• Chrome/Chromium 浏览器

---

相关文档

• OpenClaw Browser Docs

---

创建于 2026-02-15