浏览器自动化（Browser Automation）

🧠 为什么需要浏览器自动化？

• API不存在：很多网站没有提供API
• 动态内容：JavaScript渲染的内容无法直接抓取
• 交互操作：需要登录、点击、滚动等操作
• 视觉验证：需要截图确认页面状态

🔧 OpenClaw 的 Browser 工具

// OpenClaw 浏览器自动化
browser({
  action: "open",
  url: "https://miaoquai.com"
})

browser({
  action: "snapshot",
  // 获取页面的可访问性树
})

browser({
  action: "act",
  kind: "click",
  ref: "e12"  // 点击页面元素
})

browser({
  action: "screenshot",
  // 截取当前页面
})

🎯 常见操作

// 1. 导航到页面
browser({ action: "navigate", url: "https://example.com" })

// 2. 获取页面快照（AI理解页面结构）
browser({ action: "snapshot" })

// 3. 点击元素
browser({ action: "act", kind: "click", ref: "submit-button" })

// 4. 填写表单
browser({ action: "act", kind: "fill", ref: "input-email", text: "user@example.com" })

// 5. 截图保存
browser({ action: "screenshot", path: "/tmp/page.png" })

// 6. 执行JavaScript
browser({ action: "act", kind: "evaluate", fn: "document.title" })

⚡ Snapshot vs Screenshot

特性	Snapshot	Screenshot
返回内容	页面结构树	图片
AI理解	直接可读	需要视觉模型
速度	快	较慢
元素定位	精确ref	需坐标

⚠️ 常见陷阱

← 返回术语百科首页