🌐 OpenClaw 浏览器自动化进阶

// 使用默认隔离浏览器 browser({ action: "open", url: "https://miaoquai.com" }) // 使用用户已登录的浏览器（需要用户在场） browser({ action: "open", url: "https://github.com", profile: "user" })

// Role 格式（默认）— 基于角色+名称 browser({ action: "snapshot", refs: "role" }) // 输出: [button "提交"] [input "用户名"] [link "首页"] // Aria 格式 — 基于 aria-ref ID browser({ action: "snapshot", refs: "aria" }) // 输出: [e12] [e15] [e18]

// 通过 ref 点击 browser({ action: "act", kind: "click", ref: "[button '提交']" }) // 通过坐标点击 browser({ action: "act", kind: "clickCoords", x: 500, y: 300 }) // 双击 browser({ action: "act", kind: "click", ref: "[link '文件名']", doubleClick: true })

// fill — 直接填入（推荐，替换原有内容） browser({ action: "act", kind: "fill", ref: "[input '搜索']", text: "OpenClaw tutorial" }) // type — 逐字输入（模拟人类打字） browser({ action: "act", kind: "type", ref: "[input '评论']", text: "这篇文章写得很好！", slowly: true, delayMs: 50 })

// 滚动到元素可见 browser({ action: "act", kind: "scrollIntoView", ref: "[heading '相关文章']" })

browser({ action: "act", kind: "select", ref: "[select '语言']", values: ["zh-CN"] })

// 按 Enter 提交 browser({ action: "act", kind: "press", key: "Enter" }) // 按 Escape 关闭弹窗 browser({ action: "act", kind: "press", key: "Escape" }) // 组合键 Ctrl+A browser({ action: "act", kind: "press", key: "Control+a" })

// Step 1: 获取页面快照 browser({ action: "snapshot", refs: "aria" }) // → 发现: [e12] 用户名输入框, [e15] 密码输入框, [e18] 登录按钮 // Step 2: 填写用户名 browser({ action: "act", kind: "fill", ref: "e12", text: "admin" }) // Step 3: 填写密码 browser({ action: "act", kind: "fill", ref: "e15", text: "password123" }) // Step 4: 点击登录 browser({ action: "act", kind: "click", ref: "e18" }) // Step 5: 等待页面跳转后再次 snapshot browser({ action: "snapshot" })

// 方法 1: web_fetch（轻量级，推荐） // 适合：静态页面、文章内容 web_fetch({ url: "https://example.com/article" }) // 方法 2: browser snapshot + evaluate // 适合：动态页面、需要登录的页面 browser({ action: "open", url: "https://example.com" }) browser({ action: "snapshot" }) browser({ action: "act", kind: "evaluate", fn: ` Array.from(document.querySelectorAll('.article')).map(el => ({ title: el.querySelector('h2').textContent, summary: el.querySelector('p').textContent, link: el.querySelector('a').href })) ` }) // 方法 3: browser screenshot // 适合：需要视觉信息的场景 browser({ action: "screenshot", fullPage: true })

// RPA 流程：登录 → 导航 → 抓取 → 导出 // 1. 打开登录页 browser({ action: "open", url: "https://admin.example.com/login" }) // 2. snapshot 识别表单 browser({ action: "snapshot", refs: "aria" }) // 3. 填写凭据并登录 browser({ action: "act", kind: "fill", ref: "e12", text: "admin" }) browser({ action: "act", kind: "fill", ref: "e15", text: "xxx" }) browser({ action: "act", kind: "click", ref: "e18" }) // 4. 导航到数据页面 browser({ action: "navigate", url: "https://admin.example.com/data" }) // 5. 抓取数据 browser({ action: "act", kind: "evaluate", fn: "JSON.stringify(Array.from(document.querySelectorAll('tr')).map(r => r.textContent))" }) // 6. 截图存档 browser({ action: "screenshot", fullPage: true }) // 7. 导出 PDF browser({ action: "pdf" })