🌐
Agent Browser
浏览器 开发工具安装命令
npx clawhub@latest install headless-browser
安装说明
1
确认环境
确保已安装 Node.js 22+ 和 OpenClaw。在终端运行 openclaw --version 确认 OpenClaw 正常工作。
2
执行安装
在终端中运行上方安装命令,ClawHub 会自动下载并安装 Agent Browser 到 ~/.openclaw/skills/ 目录。
3
验证安装
运行 openclaw skills list 查看已安装技能列表,确认 Agent Browser 已出现在列表中。
4
配置参数(可选)
根据下方介绍中的配置说明,在 ~/.config/openclaw/openclaw.json5 中添加技能的配置项。
手动安装方式:将 Skill 文件夹复制到
~/.openclaw/skills/ 或项目目录下的 skills/ 文件夹,确保文件夹中包含 SKILL.md 文件。
网页自动化
数据采集
截图取证
详细介绍
Agent Browser 提供无头浏览器自动化能力,让 OpenClaw 像真人一样操控浏览器——点击按钮、填写表单、滚动页面、提取数据。
核心功能
- 网页操控:模拟鼠标点击、键盘输入、页面滚动等用户操作
- 数据采集:从动态渲染的网页中提取结构化数据,支持JavaScript渲染页面
- 截图与PDF:对网页进行截图或生成PDF,用于存档和报告
- Cookie管理:管理浏览器会话和Cookie,支持登录态操作
配置说明
{
skills: {
"headless-browser": {
browser: "chromium", // chromium, firefox
headless: true,
viewport: { width: 1280, height: 720 },
timeout: 30000, // 页面加载超时(毫秒)
proxy: null
}
}
}
使用场景
- 自动化填写网页表单和提交流程
- 从需要JavaScript渲染的网站采集数据
- 网站功能的端到端自动化测试
- 定期对网页进行截图,监控页面变化