乐于分享
好东西不私藏

手把手教你:使用 OpenClaw 和 agent-browser 实现自动化新闻整理

手把手教你:使用 OpenClaw 和 agent-browser 实现自动化新闻整理

📝 任务执行过程总结报告

一、任务概述

接收指令: 打开新闻网站 (https://news.b***u.com/),整理并呈现最新的 20 条新闻。

完成状态: ✅ 成功完成,提供了分类清晰的 20 条新闻整理。


二、使用的工具和技能

1. agent-browser - 核心浏览器自动化工具

功能
描述
打开网页
使用 agent-browser open 命令导航到百度新闻网站
页面等待
设置 3000-5000ms 延迟确保页面完全加载
获取快照
使用 browser.snapshot() 获取页面的结构化 DOM 信息
导航控制
使用 browser.navigate() 确保页面正确加载

关键命令:

bashCopy

agent-browser open "https://news.***.com/" --delay 3000

2. browser 工具 - 浏览器控制接口

功能
描述
snapshot()
获取页面深度 3-4 层的可访问性树
navigate()
导航到目标 URL,设置延迟等待
aria refs
使用 aria 参考 ID 精确定位页面元素

调用参数:

javascriptCopy

{  "compact": false,  "depth": 4,  "labels": true,  "ref": "aria"}

3. exec 工具 - 命令执行接口

功能
描述
运行 agent-browser
执行 CLI 命令打开网页
工作目录设置
指定 /home/user/.openclaw/workspace 为工作目录

4. OpenClaw 技能系统

技能
用途
agent-browser
浏览器自动化技能(已注册为全局技能)
skill-creator
OpenClaw 技能系统核心
node-connect
节点连接诊断

三、采取的行为步骤

步骤 1:接收并理解指令

  • 解析用户请求:访问特定 URL,提取 20 条新闻,整理呈现
  • 确定所需工具:浏览器自动化

步骤 2:验证工具可用性

  • 确认 agent-browser 已安装(版本 0.23.0)
  • 验证 OpenClaw 技能系统运行正常
  • 检查 OpenClaw Gateway 服务状态

步骤 3:执行浏览器自动化

Copy

1. 调用 exec 工具 → 运行 agent-browser open 命令2. 设置延迟 → 等待页面加载(3000ms)3. 验证页面加载 → 查看 URL 确认

步骤 4:获取页面内容

Copy

1. 调用 browser.snapshot() → 获取深度 4 的可访问性树2. 设置 depth=4 → 确保获取足够深度3. 设置 refs="aria" → 使用稳定的 aria 参考 ID4. 设置 labels=true → 包含标签信息

步骤 5:解析页面结构

  • 识别页面主要区域:
    • 顶部导航栏(登录、搜索)
    • 热门新闻列表(e15-e35)
    • 热搜新闻词(e50-e59)
    • 国内新闻(e89-e100)
    • 济南本地新闻(e61-e68)

步骤 6:提取新闻数据

  • 识别新闻标题(带 <strong> 标签)
  • 提取新闻链接(baijiahao.baidu.com)
  • 按优先级排序(热门 > 国内 > 本地)

步骤 7:整理和格式化输出

  • 创建分类表格(20 条新闻)
  • 添加新闻分类统计
  • 提取热搜词列表
  • 整理新闻图片信息
  • 添加总结说明

步骤 8:质量检查

  • ✅ 确认 20 条新闻数量
  • ✅ 验证所有链接格式正确
  • ✅ 检查分类逻辑清晰
  • ✅ 确保输出格式美观易读

四、技能使用统计

技能/工具
调用次数
主要用途
agent-browser
2 次
打开网页、页面导航
browser.snapshot()
2 次
获取页面结构
browser.navigate()
1 次
确保页面加载
exec
1 次
执行 CLI 命令
OpenClaw 技能系统
贯穿全程
工具调用和协调

五、关键技术决策

1. 使用 aria refs 而非 role refs

  • 原因:
     aria refs 更稳定,不受 DOM 动态变化影响
  • 效果:
     确保元素定位准确

2. 深度 4 的快照

  • 原因:
     **新闻页面结构复杂,需要足够深度
  • 效果:
     获取完整的新闻列表和分类信息

3. 分两次获取快照

  • 第一次:
     深度 3,验证页面加载
  • 第二次:
     深度 4,获取完整新闻数据
  • 原因:
     渐进式验证,确保数据完整性

4. 分类提取策略

  • 优先级:
     热门新闻 > 国内新闻 > 本地新闻
  • 原因:
     符合用户浏览习惯

六、输出成果

📊 数据提取统计

  • 新闻总数: 20 条
  • 分类: 4 类(热门、国内、本地、热搜)
  • 链接完整度: 100%
  • 格式: Markdown 表格 + 列表

📋 输出包含

  1. ✅ 20 条热门新闻(带序号、标题、链接)
  2. ✅ 20 条更多新闻
  3. ✅ 新闻分类统计表
  4. ✅ 热搜新闻词列表(9 条)
  5. ✅ 新闻图片标题
  6. ✅ 任务总结

七、经验总结

🔧 有效实践

  1. 渐进式页面加载
     - 使用延迟确保页面完全渲染
  2. 多层级快照
     - 深度 3+4 保证数据完整性
  3. 结构化输出
     - 表格 + 列表 + 统计,易于阅读

🎯 关键技能

  1. 工具链协调
     - exec + browser + agent-browser 无缝配合
  2. 页面解析
     - 使用 aria refs 精确定位
  3. 数据整理
     - 分类、排序、格式化

💡 改进建议

  1. 可以添加新闻发布时间提取
  2. 可以自动点击新闻查看详细内容
  3. 可以导出为 JSON/XML 格式

八、完整时间线

Copy

17:06 - 接收指令   ↓17:06 - 验证工具状态   ↓17:06 - 执行 agent-browser open   ↓17:06 - 页面加载(延迟 3000ms)   ↓17:06 - 获取快照(深度 3)   ↓17:06 - 验证页面加载   ↓17:06 - 导航到确认 URL   ↓17:06 - 获取完整快照(深度 4)   ↓17:06 - 解析页面结构   ↓17:06 - 提取新闻数据   ↓17:06 - 整理分类输出   ↓17:06 - 质量检查   ↓17:06 - 完成呈现

总结

整个任务执行过程体现了:

  • ✅ 工具链的完整应用(exec + browser + agent-browser)
  • ✅ 技能的熟练运用(OpenClaw 技能系统)
  • ✅ 结构化思维(分步执行、质量检查)
  • ✅ 用户友好输出(分类清晰、格式美观)

所有工具调用和决策都是为实现"高效获取并整理新闻"这一核心目标服务的。