0、为啥要尝鲜？
据说能节省90%的tokens。。。，谁也不会和钱过不去
1、官网：
https://github.com/vercel-labs/agent-browser
2、wsl2下先搞定最新的node哈
https://nodejs.org/zh-cn/download
# 下载并安装 nvm：
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
# 代替重启 shell
\. "$HOME/.nvm/nvm.sh"
# 下载并安装 Node.js：
nvm install 24
# 验证 Node.js 版本：
node -v # Should print "v24.12.0".
# 验证 npm 版本：
npm -v # Should print "11.6.2".3、安装实体
npm install -g agent-browser
agent-browser install # Download Chromium看来底层就是playwright
agent-browser install --with-deps所以，其实最好是先安装deps
嗯，linux下必须先搞
4、简单测试验证：
agent-browser open www.baidu.com
======================
验证：
1、daemon
两次跑，第二次就极快，嗯~~这确实明显就是daemon化后的能力了
2、核心能力
agent-browser snapshot所谓的snapshot到底是啥呢？
lemonhall@LEMON-HP-LAPTOP:~$ agent-browser snapshot
- document:
- link "新闻" [ref=e1]:
- /url: http://news.baidu.com
- link "hao123" [ref=e2]:
- /url: https://www.hao123.com?src=from_pc
- link "地图" [ref=e3]:
- /url: http://map.baidu.com
- link "贴吧" [ref=e4]:
- /url: http://tieba.baidu.com/
- link "视频" [ref=e5]:
- /url: https://haokan.baidu.com/?sfrom=baidu-top
- link "图片" [ref=e6]:
- /url: http://image.baidu.com/
- link "网盘" [ref=e7]:
- /url: https://pan.baidu.com?from=1026962h
- link "文库" [ref=e8]:
- /url: https://wenku.baidu.com/?fr=bdpcindex
- link [ref=e9]:
- /url: https://chat.baidu.com/search?isShowHello=1&pd=csaitab&setype=csaitab&extParamsJson=%7B%22
enter_type%22%3A%22home_tab%22%7D
- img
- link "更多" [ref=e10]:
- /url: http://www.baidu.com/more/
- text: 设置
- link "登录" [ref=e11]:
- /url: https://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F&sms=5
- img
- link "点击一下，了解更多" [ref=e12]:
- /url: //www.baidu.com/s?wd=%E7%99%BE%E5%BA%A6%E7%83%AD%E6%90%9C&sa=ire_dl_gh_logo_texing&rsv_dl=igh_logo_pcs
- textbox "中方官宣:卡尼将访华" [ref=e13]
- img
- img
- img
- img
- img
- img
- button "百度一下" [ref=e14]
- link "复杂问题就找文心助手 👉 立即体验" [ref=e15]:
- /url: https://chat.baidu.com/search?extParams=%7B%22enter_type%22%3A%22home_operate%22%7D&isShowHello=1
- text: 复杂问题就找文心助手 👉 立即体验
- img
- text: AI生图 AI写作 AI翻译 AI编程
- img
- text: 更多
- link "百度热搜" [ref=e16]:
- /url: https://top.baidu.com/board?platform=pc&sa=pcindex_entry
- text:
- text: 换一换
- list:
- listitem:
- link " 以更高标准更实举措推进从严治党" [ref=e17]:
- /url: https://www.baidu.com/s?wd=%E4%BB%A5%E6%9B%B4%E9%AB%98%E6%A0%87%E5%87%86%E6%
9B%B4%E5%AE%9E%E4%B8%BE%E6%8E%AA%E6%8E%A8%E8%BF%9B%E4%BB%8E%E4%B8%A5%E6%B2%BB%E5%85
%9A&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000
&rsv_idx=2&hisfilter=1
- listitem:
- link "5 张文宏：拒绝把AI引入医院病历系统" [ref=e18]:
- /url: https://www.baidu.com/s?wd=%E5%BC%A0%E6%96%87%E5%AE%8F%EF%BC%9A%E6%8B%92%E7%
BB%9D%E6%8A%8AAI%E5%BC%95%E5%85%A5%E5%8C%BB%E9%99%A2%E7%97%85%E5%8E%86%E7%B3%BB%E7%
BB%9F&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1
000&rsv_idx=2&hisfilter=1
- listitem:
- link "1 中国一口气申报20万颗卫星意味着什么" [ref=e19]:
- /url: https://www.baidu.com/s?wd=%E4%B8%AD%E5%9B%BD%E4%B8%80%E5%8F%A3%E6%B0%94%E7%
94%B3%E6%8A%A520%E4%B8%87%E9%A2%97%E5%8D%AB%E6%98%9F%E6%84%8F%E5%91%B3%E7%9D%80%E4%B
B%80%E4%B9%88&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&
fr=top1000&rsv_idx=2&hisfilter=1
- text: 热
- listitem:
- link "6 贪官8万元入股张家界大峡谷" [ref=e20]:
- /url: https://www.baidu.com/s?wd=%E8%B4%AA%E5%AE%988%E4%B8%87%E5%85%83%E5%85%A5%E8%
82%A1%E5%BC%A0%E5%AE%B6%E7%95%8C%E5%A4%A7%E5%B3%A1%E8%B0%B7&sa=fyb_n_homepage&rsv_dl
=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1
- listitem:
- link "2 4名专家因送餐延误身体不适拒评标" [ref=e21]:
- /url: https://www.baidu.com/s?wd=4%E5%90%8D%E4%B8%93%E5%AE%B6%E5%9B%A0%E9%80%81%E9%A4
%90%E5%BB%B6%E8%AF%AF%E8%BA%AB%E4%BD%93%E4%B8%8D%E9%80%82%E6%8B%92%E8%AF%84%E6%A0%87&s
a=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_id
x=2&hisfilter=1
- text: 新
- listitem:
- link "7 A股开盘：三大指数集体高开" [ref=e22]:
- /url: https://www.baidu.com/s?wd=A%E8%82%A1%E5%BC%80%E7%9B%98%EF%BC%9A%E4%B8%89%E5%A
4%A7%E6%8C%87%E6%95%B0%E9%9B%86%E4%BD%93%E9%AB%98%E5%BC%80&sa=fyb_n_homepage&rsv_dl=fy
b_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1
- text: 新
- listitem:
- link "3 推进乡村全面振兴" [ref=e23]:
- /url: https://www.baidu.com/s?wd=%E6%8E%A8%E8%BF%9B%E4%B9%A1%E6%9D%91%E5%85%A8%E9%9D%A
2%E6%8C%AF%E5%85%B4&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop
10&fr=top1000&rsv_idx=2&hisfilter=1
- listitem:
- link "8 永辉超市效仿胖东来20个月难止连亏" [ref=e24]:
- /url: https://www.baidu.com/s?wd=%E6%B0%B8%E8%BE%89%E8%B6%85%E5%B8%82%E6%95%88%E4%BB%BF
%E8%83%96%E4%B8%9C%E6%9D%A520%E4%B8%AA%E6%9C%88%E9%9A%BE%E6%AD%A2%E8%BF%9E%E4%BA%8F&sa=fy
b_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1
- listitem:
- link "4 短视频刷多了会“脑雾”吗" [ref=e25]:
- /url: https://www.baidu.com/s?wd=%E7%9F%AD%E8%A7%86%E9%A2%91%E5%88%B7%E5%A4%9A%E4%BA%86
%E4%BC%9A%E2%80%9C%E8%84%91%E9%9B%BE%E2%80%9D%E5%90%97&sa=fyb_n_homepage&rsv_dl=fyb_n_ho
mepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1
- text: 新
- listitem:
- link "9 港股开盘：百度集团涨近2%" [ref=e26]:
- /url: https://www.baidu.com/s?wd=%E6%B8%AF%E8%82%A1%E5%BC%80%E7%9B%98%EF%BC%9A%E7%99%BE%E
5%BA%A6%E9%9B%86%E5%9B%A2%E6%B6%A8%E8%BF%912%25&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&fr
om=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1
- text: 新
- text: 智能工具推荐 AI生图 做同款 做同款 做同款 做同款 AI写作
- img
- text: 作文 写一篇‘垃圾分类的意义’说明文，600字
- img
- text: 研究报告 写一份AIGC版权确权机制研究报告
- img
- text: 会议纪要 写一份用户反馈会议纪要
- img
- text: 教案设计 写一份编程教学教案：授课年级为高中，科目为编程 AI搜索 未来孩子都上虚拟学校吗 AI伦理法规
未来怎么建 这像魔法城堡的大学，在哪座英伦城市？ 这面黄色墙体的建筑群有什么历史故事？ 早睡早起更健康吗 总是
否定自己怎么增强信心 这朵白色睡莲在哪里见得多？ 这种氛围太治愈了 现实中真的能找到吗 这两朵莲花晚上开花吗？
曹操真的是奸雄吗？ 张骞出使西域走了多久？ 双子塔在哪个国家？能预约上塔顶夜景观光吗？ 如何改手机字体大小
这蓝色小花在哪见得多？ 未来哪些方向可能突破AGI 这团白花球，是绣球花的哪种？ 这片摩天楼天际线是哪座城市的
标志？ 这是什么粉色春花？ 分手总想联系怎么办 这座摩天轮在哪座城市？ 未来孩子都上虚拟学校吗 AI伦理法规未来
怎么建 这像魔法城堡的大学，在哪座英伦城市？ 这面黄色墙体的建筑群有什么历史故事？ 早睡早起更健康吗 AI修图
变清晰 去水印 智能抠图 涂抹消除 AI阅读
- img "算法工程师简历.pdf"
- text: 算法工程师简历 .pdf
- img "question"
- text: 这份简历怎么样？
- img "创新基层治理模式，夯实社会和谐发展根基 .docx"
- text: 创新基层治理模式，夯实社会和谐发展根基 .docx
- img "question"
- text: 提炼文章中心思想 AI PPT 社交媒体与青少年心理PPT 数字经济与治理模式变迁PPT 生成式AI的伦理风险博弈PPT
- paragraph:
- link "关于百度" [ref=e27]:
- /url: //home.baidu.com
- paragraph:
- link "About Baidu" [ref=e28]:
- /url: http://ir.baidu.com
- paragraph:
- link "使用百度前必读" [ref=e29]:
- /url: //www.baidu.com/duty
- paragraph:
- link "帮助中心" [ref=e30]:
- /url: https://help.baidu.com/question?prod_id=1
- paragraph:
- link "企业推广" [ref=e31]:
- /url: https://e.baidu.com/?refer=1271
- paragraph:
- link "京公网安备11000002000001号" [ref=e32]:
- /url: http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001
- paragraph:
- link "京ICP证030173号" [ref=e33]:
- /url: https://beian.miit.gov.cn
- paragraph: 互联网新闻信息服务许可证11220180008
- text:
- img
- img
lemonhall@LEMON-HP-LAPTOP:~$明白了，核心就是用新的算法把所谓的【可交互】的元素，洗了一遍。。。
3、JSON能力
agent-browser snapshot -i --json{
"success": true,
"data": {
"refs": {
"e1": {
"name": "新闻",
"role": "link"
},
"e10": {
"name": "更多",
"role": "link"
},
"e11": {
"name": "登录",
"role": "link"
},
"e12": {
"name": "点击一下，了解更多",
"role": "link"
},
"e13": {
"name": "中方官宣:卡尼将访华",
"role": "textbox"
},
"e14": {
"name": "百度一下",
"role": "button"
},
"e15": {
"name": "复杂问题就找文心助手 👉 立即体验",
"role": "link"
},
"e16": {
"name": "百度热搜",
"role": "link"
},
"e17": {
"name": " 以更高标准更实举措推进从严治党",
"role": "link"
},
"e18": {
"name": "5 张文宏：拒绝把AI引入医院病历系统",
"role": "link"
},
"e19": {
"name": "1 中国一口气申报20万颗卫星意味着什么",
"role": "link"
},
"e2": {
"name": "hao123",
"role": "link"
},
"e20": {
"name": "6 贪官8万元入股张家界大峡谷",
"role": "link"
},
"e21": {
"name": "2 4名专家因送餐延误身体不适拒评标",
"role": "link"
},
"e22": {
"name": "7 A股开盘：三大指数集体高开",
"role": "link"
},
"e23": {
"name": "3 推进乡村全面振兴",
"role": "link"
},
"e24": {
"name": "8 永辉超市效仿胖东来20个月难止连亏",
"role": "link"
},
"e25": {
"name": "4 短视频刷多了会“脑雾”吗",
"role": "link"
},
"e26": {
"name": "9 港股开盘：百度集团涨近2%",
"role": "link"
},
"e27": {
"name": "关于百度",
"role": "link"
},
"e28": {
"name": "About Baidu",
"role": "link"
},
"e29": {
"name": "使用百度前必读",
"role": "link"
},
"e3": {
"name": "地图",
"role": "link"
},
"e30": {
"name": "帮助中心",
"role": "link"
},
"e31": {
"name": "企业推广",
"role": "link"
},
"e32": {
"name": "京公网安备11000002000001号",
"role": "link"
},
"e33": {
"name": "京ICP证030173号",
"role": "link"
},
"e4": {
"name": "贴吧",
"role": "link"
},
"e5": {
"name": "视频",
"role": "link"
},
"e6": {
"name": "图片",
"role": "link"
},
"e7": {
"name": "网盘",
"role": "link"
},
"e8": {
"name": "文库",
"role": "link"
},
"e9": {
"role": "link"
}
},
"snapshot": "- link \"新闻\" [ref=e1]\n- link \"hao123\" [ref=e2]\n-
link \"地图\" [ref=e3]\n- link \"贴吧\" [ref=e4]\n- link \"视频\" [ref=e5]\n-
link \"图片\" [ref=e6]\n- link \"网盘\" [ref=e7]\n- link \"文库\" [ref=e8]\n-
link [ref=e9]\n- link \"更多\" [ref=e10]\n- link \"登录\" [ref=e11]\n- link
\"点击一下，了解更多\" [ref=e12]\n- textbox \"中方官宣:卡尼将访华\" [ref=e13]
\n- button \"百度一下\" [ref=e14]\n- link \"复杂问题就找文心助手 👉 立即体验
\" [ref=e15]\n- link \"百度热搜\" [ref=e16]\n- link \" 以更高标准更实举措推进
从严治党\" [ref=e17]\n- link \"5 张文宏：拒绝把AI引入医院病历系统\" [ref=e18]\n
- link \"1 中国一口气申报20万颗卫星意味着什么\" [ref=e19]\n- link \"6 贪官8万元
入股张家界大峡谷\" [ref=e20]\n- link \"2 4名专家因送餐延误身体不适拒评标\" [ref=
e21]\n- link \"7 A股开盘：三大指数集体高开\" [ref=e22]\n- link \"3 推进乡村全面
振兴\" [ref=e23]\n- link \"8 永辉超市效仿胖东来20个月难止连亏\" [ref=e24]\n- l
ink \"4 短视频刷多了会“脑雾”吗\" [ref=e25]\n- link \"9 港股开盘：百度集团涨近2%
\" [ref=e26]\n- link \"关于百度\" [ref=e27]\n- link \"About Baidu\" [ref=e28
]\n- link \"使用百度前必读\" [ref=e29]\n- link \"帮助中心\" [ref=e30]\n- link
\"企业推广\" [ref=e31]\n- link \"京公网安备11000002000001号\" [ref=e32]\n- l
ink \"京ICP证030173号\" [ref=e33]"
},
"error": null
}emmmm，确实很友好
4、开始游走
agent-browser open example.com
agent-browser snapshot # Get accessibility tree with refs
agent-browser click @e2 # Click by ref from snapshot
agent-browser fill @e3 "test@example.com" # Fill by ref
agent-browser get text @e1 # Get text by ref
agent-browser screenshot page.png
agent-browser close5、有头模式
agent-browser open example.com --headed=======================
AI化
1、非skills
2、skills
Claude Code Skill
For Claude Code, a skill provides richer context:
cp -r node_modules/agent-browser/skills/agent-browser .claude/skills/
Or download:
mkdir -p .claude/skills/agent-browser
curl -o .claude/skills/agent-browser/SKILL.md \
https://raw.githubusercontent.com/vercel-labs/agent-browser/main/skills/agent-browser/SKILL.md
==============
总结：
本质上是一个基于playwright，daemon化后，简略输出html内容，洗得白白净净后，供AI使用的一个plus for ai版本的playwright。。。
同时，也skills化了，所以更现代化，更AI友好
好东西~
rust+node+playwright，嗯