浏览器自动化实战

学习控制 Chrome 完成网页自动化操作。

学习目标

• 打开网页并截图
• 定位页面元素
• 填写表单和点击
• 数据采集实战

步骤 1：打开网页

# 打开目标网站
openclaw browser open --url https://news.ycombinator.com

# 等待页面加载
sleep 2

步骤 2：截图

# 截取完整页面
openclaw browser screenshot --full-page --output hn.png

# 查看截图
openclaw "分析这张截图的内容" --file hn.png

步骤 3：提取数据

# 获取新闻标题
openclaw browser act --kind evaluate --fn "
  () => Array.from(document.querySelectorAll('.titleline > a')).map(a => ({
    title: a.textContent,
    url: a.href
  })).slice(0, 5)
"

步骤 4：自动化登录

# 示例：自动化登录流程
openclaw browser open --url https://example.com/login
openclaw browser act --kind type --selector "#email" --text "user@example.com"
openclaw browser act --kind type --selector "#password" --text "password"
openclaw browser act --kind click --selector "#submit"

实战项目

创建一个自动化脚本，每天抓取股价信息：

#!/bin/bash
# stock-checker.sh

openclaw browser open --url "https://finance.yahoo.com/quote/AAPL"
sleep 3
PRICE=$(openclaw browser act --kind evaluate --fn "document.querySelector('[data-symbol=\"AAPL\"] [data-field=\"regularMarketPrice\"]').textContent")
openclaw "当前苹果股价: $PRICE"