agent-browser 入门：安装、snapshot 与 @refs 自动化
按 Vercel Labs 官方 agent-browser.dev / README：全局安装 CLI、下载 Chrome for Testing，用 open → snapshot → click/fill @eN → screenshot 跑通一条可复现的浏览器自动化；含可抄命令与对照输出。
入门·2 课时·35 分钟·图文实操
免费学习无需登录
你将学会
- 用 npm 全局安装 agent-browser 并完成 agent-browser install（Chrome for Testing）
- 用 open + snapshot 拿到带 @eN 引用的 a11y 树，并理解为何比完整 DOM 更省 token
- 用 click/fill/get text 按 ref 操作页面，再 screenshot 与 close 收尾
- 知道遮挡点击失败时要先处理覆盖层并重新 snapshot
适合谁
- 要给 Claude Code / Cursor / Codex 等 coding agent 接浏览器自动化的开发者
- 需要确定性、低 token 浏览器操作 CLI 的 Agent 构建者
课前准备
- 本机已装 Node.js 与 npm（官方全局安装路径）
- 可访问外网以下载 Chrome for Testing
- 可选：macOS 也可用 brew install agent-browser