Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>多平台数据监控New to Visual Studio Code? Get it now.
多平台数据监控

多平台数据监控

zuojinlong

| (0) | Free
多平台数据监控,支持自定义平台与显示项
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Platform Monitor - 多平台数据监控

一个 VS Code 扩展,在侧边栏实时监控多个平台的数据,支持自定义显示项和计算表达式。

功能特性

  • 多平台支持 — 同时监控多个平台数据,互不干扰
  • 自动添加平台 — 通过 Chrome 浏览器自动捕获 Cookie、请求头和 API 接口
  • 手动添加平台 — 也可以手动输入平台信息
  • 原始数据展示 — 自动将 API 返回的 JSON 数据展平为 path: value 格式,带编号方便引用
  • 自定义显示项 — 用 $N 编号引用原始数据,通过表达式计算并展示你需要的数据
  • 可配置刷新间隔 — 自定义数据刷新频率,最小 5 秒
  • Cookie 更新 — 支持快速更新平台 Cookie(自动从剪贴板读取)

快速开始

1. 添加平台

有两种方式:

方式一:自动添加(推荐)

  1. 点击视图标题栏的 🌐 图标,或命令面板执行 自动添加平台
  2. 输入平台名称(如:千帆)
  3. 输入目标页面链接
  4. 扩展会自动打开 Chrome 浏览器
  5. 在 Chrome 中正常登录
  6. 登录完成后点击 完成登录
  7. 从捕获到的 API 列表中选择数据接口
  8. 完成!扩展会自动保存 Cookie 和所有请求头

需要系统安装 Google Chrome 浏览器

方式二:手动添加

  1. 点击视图标题栏的 + 图标,或命令面板执行 添加平台
  2. 依次输入:平台名称、页面链接、数据 API 链接、Cookie
  3. 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

你可以用编号引用这些值,添加自定义显示项:

  1. 右键平台节点 → 添加显示项,或命令面板执行 添加显示项
  2. 输入显示名称,如:5小时用量%
  3. 输入计算表达式,如:($0 / $1 * 100).toFixed(1) + "%"
  4. 结果会显示在 ⭐ 自定义显示 区域

表达式语法:

  • $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

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft