tabbit-devtools-wbversion:把 Tabbit 的 DevTools 端口接进 agent-browser

前言

自动化测试里常见的一处死结:浏览器已经起来了,调试通道却接不上去。agent-browser 走的是 CDP,Tabbit 自己起的浏览器也确实开了远程调试,但两边的 wsEndpoint 对不上,脚本只能停在「浏览器已打开」这一步,后面的点击、断言全做不了。tabbit-devtools-wbversion 就是用来把这一层打通的。

下面介绍这个 Skill 的定位、它能做什么,以及接入时需要注意什么。

这是什么

一句话定位:一个把 Tabbit 运行时的 DevTools 端口解析成 wsEndpoint、再交由 agent-browser 通过 --cdp 复用的适配 Skill。

基本信息如下。

项 值
Skill 名称 tabbit-devtools-wbversion
坐标 @user_060bc032/tabbit-devtools-wbversion
版本 1.0.0
来源 community
分类 ai-agent
发布者 user_060bc032
是否需要 API Key 否(requires_api_key=false)
评分 100000
下载 1296
安装 13

说明:项目页抓取失败,上表中的数据来自预抓取的官方地址元信息,截至成稿时的页面数据可能已有变化。

核心功能

只做一件事,链路分三步:

  1. 读取 Tabbit 实时生成的 DevToolsActivePort 文件。
  2. 从文件内容推导出浏览器的 wsEndpoint。
  3. 把后续浏览器操作统一路由到 agent-browser --cdp。

关键在于第 1 步:Chromium 系浏览器启动时会在用户数据目录里写出一个 DevToolsActivePort 文件,里面记录了调试监听的端口。直接读这个文件,就不必去猜端口号、也不必让两套工具各自再起一份浏览器。第 2、3 步则是把读出来的地址格式化成 agent-browser 能接受的 CDP 参数,之后的页面操作全部走这一条通道。

这样做的好处是复用同一个浏览器实例:Tabbit 负责页面状态,agent-browser 负责驱动,不用为了拿调试权限再开一个窗口。

安装与启用

该 Skill 属于通用 SKILL.md 格式,目录结构上是一个包含 SKILL.md 的文件夹,SKILL.md 的 frontmatter 里给出 name 和 description。

官方地址:

https://api.skillhub.cn/user_060bc032/tabbit-devtools-wbversion

SkillHub 页面:

https://www.skillhub.cn/skills/user_060bc032/tabbit-devtools-wbversion

说明:本次尝试抓取上述两个地址均失败,因此无法核实页面上给出的具体安装命令、目录路径或宿主工具(Cursor / Codex CLI / Claude Code)的差异说明。请以官方地址页面上的指引为准,不要照抄第三方示例。

按通用 SKILL.md 的约定,启用方式是把 Skill 目录放进宿主工具能扫描到的 skills 路径,然后在会话里直接触发。该 Skill 标记为 requires_api_key=false,不需要额外申请密钥。

典型用法

官方简介里给出的可复现链路如下。

第一步,确认 Tabbit 已经启动,并且用户数据目录里存在 DevToolsActivePort 文件:

ls -l <tabbit-user-data-dir>/DevToolsActivePort

第二步,读取文件内容。文件第一行是监听地址与端口,据此拼出 wsEndpoint。

第三步,把推导出的 wsEndpoint 交给 agent-browser:

agent-browser --cdp <wsEndpoint> <action>

完成前两步后,agent-browser 的所有浏览器操作都走这条 CDP 通道,不需要再单独启动浏览器。

以上步骤的先后顺序和参数占位来自官方简介描述,具体路径需按你本机 Tabbit 的实际用户数据目录替换。

适用场景与注意

适合这类人:已经在用 Tabbit 起浏览器,同时希望用 agent-browser 做页面驱动,并且能接受调试端口已被占用的情况。

需要注意的几点:

  • DevToolsActivePort 是运行时文件,只在浏览器启动后存在。读它之前先确认 Tabbit 已经起来,否则会拿到空值或不存在的路径。
  • wsEndpoint 必须由实际读到的端口拼出来,不要硬编码端口号,重启后端口可能变化。
  • Tabbit 与 agent-browser 必须指向同一个浏览器实例,否则会出现「Tabbit 看到的页面」和「agent-browser 操作的页面」不一致。
  • 该 Skill 来自 community 来源,安装量较小(13 次),接入前建议先在一个非生产环境里验证一遍。
  • 页面信息未能核实,版本号、发布者等元数据以官方地址为准。

结尾

这个 Skill 的价值在于它只解决一个窄问题:从 DevToolsActivePort 推导 wsEndpoint,然后让 agent-browser 走 --cdp。链路短、职责单一,不需要额外密钥。如果你正好卡在「Tabbit 起来了但调试通道接不上」这一步,可以从官方地址先看一遍安装说明。

官方地址:https://api.skillhub.cn/user_060bc032/tabbit-devtools-wbversion

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜