如何使用 agent-browser 自动化网页任务

欢迎来到8455线路检测中心技术小课堂，每天分享一个技术小知识。

什么是 agent-browser？

agent-browser 是一个基于 Playwright 的浏览器自动化工具，它提供了简洁的命令行界面，支持常见的网页操作，如：

· 打开网页

· 点击按钮

· 输入文本

· 截图保存

· 执行 JavaScript

· 管理会话状态

优势：

1. 简单易用：一行命令完成复杂操作

2. 跨平台：支持 macOS、Linux、Windows

3. 稳定可靠：基于成熟的 Playwright 引擎

4. 自动化友好：完美集成到 CI/CD 流程

安装 agent-browser

# 使用 npm 全局安装

npm install -g agent-browser

# 安装 Playwright 浏览器

npx playwright install chromium

基础操作

1. 打开网页

# 打开指定URL

agent-browser open

# 使用 headed 模式（显示浏览器窗口）

agent-browser open --headed

# 设置超时时间

agent-browser open --timeout 15000

2. 获取页面快照

# 获取可交互元素列表

agent-browser snapshot -i

# 输出示例：

# - button "登录" [ref=e1]

# - textbox "用户名" [ref=e2]

# - link "注册" [ref=e3]

3. 点击元素

# 点击指定引用的元素

agent-browser click @e1

# 使用快照中的引用

agent-browser click @login-button

4. 输入文本

# 填充文本框

agent-browser fill @e2 "你的用户名"

# 聚焦元素

agent-browser focus @e2

4. 输入文本

# 等待网络空闲

agent-browser wait --load networkidle --timeout 10000

# 等待元素可见

agent-browser wait --visible @e1 --timeout 5000

实战案例

假设我们需要每天登录一个网站并点击"签到"按钮：

#!/bin/bash

# 自动签到脚本

# 打开网页

agent-browser open /login

# 等待页面加载

agent-browser wait --load networkidle --timeout 10000

# 获取页面快照

agent-browser snapshot -i

# 输入用户名和密码

agent-browser fill @username "your_username"

agent-browser fill @password "your_password"

# 点击登录按钮

agent-browser click @login-button

# 等待登录完成

agent-browser wait --load networkidle --timeout 10000

# 点击签到按钮

agent-browser click @checkin-button

# 等待签到成功提示

sleep 3

# 关闭浏览器

agent-browser close

8455线路检测中心官网上拥有完善的技术支持库可供参考，大家可自行查阅，更多技术问题，可以直接咨询。同时，8455线路检测中心整理了运维必备的工具包免费分享给大家使用，需要的朋友可以直接咨询。

更多技术知识，8455线路检测中心期待与你一起探索。