一个 VS Code 扩展,在侧边栏实时监控多个平台的数据,支持自定义显示项和计算表达式。
功能特性
- 多平台支持 — 同时监控多个平台数据,互不干扰
- 自动添加平台 — 通过 Chrome 浏览器自动捕获 Cookie、请求头和 API 接口
- 手动添加平台 — 也可以手动输入平台信息
- 原始数据展示 — 自动将 API 返回的 JSON 数据展平为
path: value 格式,带编号方便引用
- 自定义显示项 — 用
$N 编号引用原始数据,通过表达式计算并展示你需要的数据
- 可配置刷新间隔 — 自定义数据刷新频率,最小 5 秒
- Cookie 更新 — 支持快速更新平台 Cookie(自动从剪贴板读取)
快速开始
1. 添加平台
有两种方式:
方式一:自动添加(推荐)
- 点击视图标题栏的 🌐 图标,或命令面板执行
自动添加平台
- 输入平台名称(如:千帆)
- 输入目标页面链接
- 扩展会自动打开 Chrome 浏览器
- 在 Chrome 中正常登录
- 登录完成后点击 完成登录
- 从捕获到的 API 列表中选择数据接口
- 完成!扩展会自动保存 Cookie 和所有请求头
需要系统安装 Google Chrome 浏览器
方式二:手动添加
- 点击视图标题栏的 + 图标,或命令面板执行
添加平台
- 依次输入:平台名称、页面链接、数据 API 链接、Cookie
- Cookie 需要从浏览器 F12 → Network 中手动复制
2. 添加显示项
添加平台后,原始数据会以展平格式展示:
📄 原始数据
[0] result.items.0.quota.fiveHour.used: 5
[1] result.items.0.quota.fiveHour.limit: 10
[2] result.items.0.quota.week.used: 3
[3] result.items.0.quota.week.limit: 20
你可以用编号引用这些值,添加自定义显示项:
- 右键平台节点 → 添加显示项,或命令面板执行
添加显示项
- 输入显示名称,如:
5小时用量%
- 输入计算表达式,如:
($0 / $1 * 100).toFixed(1) + "%"
- 结果会显示在 ⭐ 自定义显示 区域
表达式语法:
$N 引用编号为 N 的原始数据值(数字类型自动识别,可直接参与运算)
- 支持标准 JavaScript 表达式
- 示例:
($0 / $1 * 100).toFixed(1) + "%" — 百分比计算
$2 + " / " + $3 — 拼接显示
Math.round($0 / $1 * 100) — 取整
3. 管理平台
| 操作 |
方式 |
| 删除平台 |
右键平台节点 → 删除平台,或命令面板 |
| 更新 Cookie |
右键平台节点 → 更新Cookie(自动读取剪贴板) |
| 打开平台页面 |
右键平台节点 → 打开平台页面 |
| 删除显示项 |
命令面板 → 删除显示项 |
| 手动刷新 |
点击视图标题栏 🔄 图标 |
| 设置刷新间隔 |
命令面板 → 设置刷新间隔 |
数据展示结构
🏢 平台名称
├── ⭐ 自定义显示
│ ├── 5小时用量%: 50.0%
│ └── 1周用量%: 15.0%
├── 📄 原始数据
│ ├── [0] result.items.0.quota.fiveHour.used: 5
│ ├── [1] result.items.0.quota.fiveHour.limit: 10
│ └── ...
└── 🕐 更新: 2026/5/12 10:30:00
配置项
| 配置 |
说明 |
默认值 |
platformMonitor.platforms |
平台配置列表(自动管理,无需手动编辑) |
[] |
platformMonitor.refreshInterval |
数据刷新间隔(秒),最小 5 |
60 |
刷新间隔也可通过命令面板的 设置刷新间隔 命令修改。
常见问题
Q: 提示 "Missing Token" 或数据获取失败?
A: Cookie 或认证头可能已过期,右键平台 → 更新Cookie,重新登录获取。
Q: 自动添加平台时 Chrome 没有打开?
A: 请确认系统已安装 Google Chrome 浏览器。如果安装在其他位置,可使用手动添加。
Q: 自动添加时没有捕获到 API?
A: 部分平台的数据请求可能在登录前就已发出。建议登录后在页面上操作一下触发数据加载,再点击"完成登录"。
本地开发
git clone https://github.com/zjllow/platform-monitor.git
cd platform-monitor
npm install
# 按 F5 在 VS Code 中启动扩展开发宿主
打包 VSIX:
npx @vscode/vsce package
License
MIT
| |