news 2026/9/30 1:51:42

AI 替你打开网页并总结内容:BrowserSkill 5 分钟上手指南

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
AI 替你打开网页并总结内容:BrowserSkill 5 分钟上手指南

AI 替你打开网页并总结内容:BrowserSkill 5 分钟上手指南

【免费下载链接】BrowserSkillLet AI agents use your real, logged-in browser without interrupting your work. CLI + extension for browser automation across any shell-capable AI agent.项目地址: https://gitcode.com/GitHub_Trending/br/BrowserSkill

你让 AI 去看某个页面,它要么没登录态,要么回传的截图糊成一团。BrowserSkill 就是为这个痛点做的浏览器自动化工具:它让 AI 智能体直接用上你真实、已登录的浏览器,打开网页、读取内容、写总结,全程不碰你自己正在用的页面。它分两部分:一个叫bsk的命令行工具,加上一个浏览器扩展。只要你的 AI 助手(Cursor、Claude Code、Codex 这类)会执行 shell 命令,就能接上。

为什么 AI 读不了你已登录的页面

常见卡点有两个:

  • AI 的浏览器环境是全新的,没有你的登录态,等于要重新注册一套测试账号
  • 让它操作你本机的浏览器时,它抢焦点、挪窗口,干扰你正在做的事

BrowserSkill 的思路很直白:AI 的全部动作发生在一个单独的可见窗口里(后面会说它的名字)。你原来的标签页原地不动。AI 真要碰你的标签页时,必须走一个需要你点头的"借用"流程。另外它不绑定任何模型或框架,凡是能调 shell 的 Agent 都用同一套命令。

3 分钟装好环境:装 bsk、连上扩展

安装命令行工具

先把仓库拉到本地:

git clone https://gitcode.com/GitHub_Trending/br/BrowserSkill cd BrowserSkill

接着执行仓库里带的安装脚本,二进制默认落在~/.local/bin:

bash install.sh # macOS / Linux export PATH="$HOME/.local/bin:$PATH" bsk --version # 能打印版本即装好

Windows 用 PowerShell 跑.\install.ps1,步骤一样。如果终端说找不到bsk,开一个新窗口让 PATH 生效,或者直接用绝对路径~/.local/bin/bsk验证,别慌。

安装浏览器扩展

去 Chrome 或 Edge 的应用商店搜BrowserSkill并安装(Chromium 内核浏览器都支持)。装好后点扩展图标,在弹窗里启用连接,看到"已连接 READY"就算成了:

把使用说明书装进 AI

bsk install-skill

菜单里用空格键选中你在用的 AI 助手,回车确认。这一步会往助手里装一份 SKILL.md,相当于浏览器操作的说明书,AI 之后才知道该敲哪些bsk命令。

最后跑一遍bsk doctor自检,输出里没有fail项就可以开工了。

首次实操:让 AI 打开页面并总结

开个新会话,对 AI 说一句:

打开 example.com,把页面上的内容总结给我

它会照着技能流程自动跑一串命令,全程可观察:

bsk session start --json # 建会话,返回 session id bsk navigate https://example.com --session <id> # 在 Agent Window 里打开页面 bsk observe --session <id> # 读取页面文本与控件 bsk session stop <id> # 总结完成,结束会话

两个细节值得记住:

  • navigate开的是独立窗口,你眼前的标签栏纹丝不动
  • observe拿到的文本、按钮等控件都带@eN编号,AI 之后点击、输入全靠它

AI 把总结交到你手上,整条链路就跑通了。

Agent Window 如何保证不打断你浏览

核心是 Agent Window(Agent 窗口)机制:每个bsk会话自动开一个独立、可见的浏览器窗口,AI 被限定在里面活动。它想碰你已打开的标签页?必须走借用流程,而且要你确认:

bsk tab borrow <tab-id> --session <id> # 借用,需你确认 bsk tab return <tab-id> --session <id> # 用完归还

请求链路长这样:bskCLI → 本地 daemon(守护进程,默认监听 52800 端口)→ WebSocket → 浏览器扩展 → Agent Window。扩展弹窗里显示的端口要和 daemon 对上,这也是bsk doctor会检查的一项。

想抠细节的话,docs/architecture.md 里有完整的组件图。

observe 之后还能做什么:常用操作速查

跑通首次任务后,下面这几条是你最常用的。@eN来自上一次observe的结果,AI 会自动维护,你只需用自然语言描述目标:

场景命令
点击元素bsk click @e3 --session <id>
填写表单bsk fill @e3 --value "text" --session <id>
滚动到指定元素bsk scroll-to @e3 --session <id>
整页长截图bsk screenshot --session <id> --full-page --out page.png
读取页面内容bsk observe --session <id>

排障要点与延伸配置

几个高频问题和对策:

  • doctor 报扩展未连接:打开扩展弹窗,确认端口和 daemon 一致(默认 52800),重新启用连接
  • AI 找不到 browser-skill 技能:重启 AI 会话,技能在会话启动时加载
  • 浏览器支持范围:Chrome、Edge 为官方支持,Firefox 还在规划中

完整命令说明在 crates/bsk-cli/skill/SKILL.md。第一个任务跑顺之后,可以试试让 AI"打开这个网站,整理今天的最新动态并发我摘要"——长截图完整用法看 docs/long-screenshot.md,让 AI 助手代你完成整套安装则参考 AGENT_INSTALL.md,照着玩就行。

【免费下载链接】BrowserSkillLet AI agents use your real, logged-in browser without interrupting your work. CLI + extension for browser automation across any shell-capable AI agent.项目地址: https://gitcode.com/GitHub_Trending/br/BrowserSkill

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/30 1:51:37

三步把 Switch 变成客厅 B 站大屏:wiliwili 客户端安装与上手

三步把 Switch 变成客厅 B 站大屏&#xff1a;wiliwili 客户端安装与上手 【免费下载链接】wiliwili 第三方B站客户端&#xff0c;目前可以运行在PC全平台、PSVita、PS4 、Xbox 和 Nintendo Switch上 项目地址: https://gitcode.com/GitHub_Trending/wi/wiliwili wiliwi…

作者头像 李华
网站建设 2026/9/30 1:49:58

存储系统可观测性终极实践:OpenTelemetry、eBPF 与微秒级指标全景透视

存储系统可观测性终极实践&#xff1a;OpenTelemetry、eBPF 与微秒级指标全景透视在现代微服务、海量分布式与高并发存储交织的复杂拓扑中&#xff0c;当线上出现一个“某用户支付接口耗时从 2ms 突发涨到 200ms”的性能抖动时&#xff0c;传统的监控手段往往只能两眼一抹黑&am…

作者头像 李华
网站建设 2026/9/30 1:48:16

LoRa自组网设备原理深度分析:架构、协议与低功耗实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华