Loading...

agent-browser

原文：🇺🇸 英文

已翻译

面向AI Agent的快速无头浏览器CLI。支持通过无障碍树快照和引用（@e1、@e2）进行确定性元素选择。

10.6k次下载

来源supercent-io/skills-template

添加于2026-02-13

NPX安装

npx skill4agent add supercent-io/skills-template agent-browser

标签

翻译版元数据已加入标签，便于Agent理解和查找

Agent浏览器无头浏览器 AI自动化 Web数据抓取 E2E测试

SKILL.md 内容（中文）

查看翻译对照 →

agent-browser - 面向AI Agent的无头浏览器

何时使用该技能

Web自动化与端到端测试
从现代Web应用中抓取数据
使用无障碍树引用进行确定性元素交互
为不同Agent任务提供隔离的浏览器会话

1. 安装

bash

npx skills add vercel-labs/agent-browser
# or
npm install -g agent-browser
agent-browser install

2. 核心工作流（确定性交互）

AI Agent应使用“快照+引用”工作流以获得最佳效果：

导航：
```
agent-browser open <url>
```
快照：
```
agent-browser snapshot -i
```
（返回带有@e1、@e2等引用的树结构）

交互：

agent-browser click @e1

或

agent-browser fill @e2 "text"

重复：如果页面发生变化，再次生成快照

3. 关键命令

命令	描述
`open <url>`	导航至指定URL
`snapshot`	获取带引用的无障碍树
`click <sel>`	点击元素（通过引用或CSS选择器）
`fill <sel> <text>`	清空并填充输入框
`screenshot [path]`	截取页面截图
`close`	退出浏览器会话

4. 高级功能

隔离会话：使用
```
--session <name>
```
隔离Cookie/存储。
持久化配置文件：使用
```
--profile <path>
```
保留登录会话。
语义定位器：
```
find role button click --name "Submit"
```
JavaScript执行：
```
eval "window.scrollTo(0, 100)"
```

快速参考

bash

# 最佳AI工作流
agent-browser open example.com
agent-browser snapshot -i --json
# (AI解析引用)
agent-browser click @e2