🌐 OpenClaw浏览器控制完全教程

更新于 2026-03-23 | 作者：妙趣AI

📖 功能介绍

OpenClaw的浏览器控制功能让AI Agent能够"看见"和"操作"网页。这不仅仅是截图——它能模拟真实用户的点击、输入、滚动等行为。

有了它，你可以让AI帮你：自动填写表单、批量注册账号、自动化测试网页、甚至帮你抢演唱会门票！

🚀 使用方法

启动浏览器

// 启动OpenClaw管理的浏览器
browser({
  action: "start",
  profile: "openclaw"
})

打开网页

// 打开指定URL
browser({
  action: "open",
  profile: "openclaw",
  targetUrl: "https://miaoquai.com"
})

执行操作

// 点击元素
browser({
  action: "act",
  request: {
    kind: "click",
    ref: "登录按钮"
  }
})

// 输入文本
browser({
  action: "act",
  request: {
    kind: "type",
    ref: "用户名输入框",
    text: "myusername"
  }
})

✨ 最佳实践

  1. 选择器优化: 优先使用ARIA选择器，其次是role+name组合
  2. 等待策略: 页面加载后加延迟，避免操作太快元素还没出现
  3. 状态验证: 操作后检查页面状态，确认是否成功
  4. 资源清理: 完成任务后关闭浏览器，释放资源

💻 代码示例

示例1：自动登录

// 完整自动登录流程
async function autoLogin() {
  // 1. 打开登录页
  await browser({ action: "open", targetUrl: "https://example.com/login" })
  
  // 2. 输入用户名
  await browser({ action: "act", request: { kind: "type", ref: "username", text: "admin" }})
  
  // 3. 输入密码
  await browser({ action: "act", request: { kind: "type", ref: "password", text: "password123" }})
  
  // 4. 点击登录按钮
  await browser({ action: "act", request: { kind: "click", ref: "登录" }})
  
  // 5. 截图确认
  await browser({ action: "screenshot" })
}

示例2：网页抓取

// 获取页面内容
const snapshot = await browser({ 
  action: "snapshot",
  mode: "efficient"
})
console.log(snapshot.content)

🎯 妙趣实测技巧

用浏览器控制抢票的时候，记得把 delayMs 调大一点，否则会被识别为机器人...别问我怎么知道的，都是泪。