浏览器自动化 Skill
让 OpenClaw 控制浏览器进行自动化操作！
特点
- 复用页面：默认复用现有页面，不会每次都打开新窗口
- 持久化 Cookie：使用独立的用户数据目录，登录状态持久保存
- 完整操作：支持点击、填表、截图、执行 JS 等
功能
- 导航到 URL
- 点击元素
- 填写表单
- 截图
- 获取页面内容
- 等待元素
- 执行 JavaScript
使用时机
当用户说：
- "打开 xxx.com"
- "点击登录按钮"
- "帮我填写这个表单"
- "截个图"
- "网页上有什么内容"
可用函数
调用方式: cd C:/Users/admin/.openclaw/skills/browser-automation && node -e "const h=require('./index.js'); h.handleXXX({...}).then(console.log)"
页面操作
handleNavigate({url})- 导航到 URL（复用现有页面）handleNewPage({url})- 打开新页面handleScreenshot({selector?, fullPage?})- 截图handleGetContent({selector?})- 获取页面内容handleClose()- 关闭当前页面
交互操作
handleClick({selector})- 点击元素handleFill({selector, value, clear?})- 填写表单handleType({selector, text, delay?})- 模拟打字handleSelect({selector, value})- 下拉选择handleCheck({selector, checked?})- 勾选/取消勾选
等待和获取
handleWait({selector, timeout?})- 等待元素出现handleWaitForNavigation({timeout?})- 等待页面跳转handleGetText({selector})- 获取元素文本handleGetValue({selector})- 获取表单值handleGetAttribute({selector, attribute})- 获取属性
高级操作
handleEvaluate({script})- 执行 JavaScripthandleUpload({selector, filePath})- 上传文件handlePress({key})- 按键handleHover({selector})- 鼠标悬停handleScroll({direction, amount?})- 滚动页面
状态
handleStatus()- 获取当前浏览器状态handleCloseBrowser()- 关闭浏览器（下次会重新启动）
选择器语法
支持 CSS 选择器和文本选择器：
- CSS:
#login-btn,.submit-button,input[name="email"] - 文本:
text=登录,text=提交 - 组合:
button:has-text("提交")
示例
用户: 打开 github.com
Agent: [调用 handleNavigate({url: 'https://github.com'})] 已打开 GitHub...
用户: 点击登录
Agent: [调用 handleClick({selector: 'text=Sign in'})] 已点击登录...
用户: 填写邮箱 test@example.com
Agent: [调用 handleFill({selector: '#login_field', value: 'test@example.com'})] 已填写邮箱...
用户: 截个图看看
Agent: [调用 handleScreenshot()] [返回截图]
