[开源] 硬路由器 Web 后台全系增强插件支持5品牌(小米、TP、中兴、华为、华硕)

高参数大规模世界模型万岁! 2026-08-10 12:01 1

ZTE-Stat_Max | Bro-Stat







English | 简体中文


^-^ 演示


强烈建议搭配实战演示食用:




『无线不能超二定则』

(^-^ 提示:下载地址在简介)



Bro-Stat 是一个致力于改善各大品牌路由器、硬路由原生 Web 后台体验的浏览器扩展组件。目前通用版主要适配并优化 TP-Link(普联)、小米(MiWiFi)、华硕 (ASUS/ROG)、华为(或许还有HONOR) 等常见品牌的路由器后台,是一款 哥哥科技 开发的一套网络数据遥测与多端转发解决方案。


本脚本通过接管原生 Vue 框架的底层 XML API 数据流,在不破坏官方原有拓扑与结构的前提下,重构了“组网管理”与“接入设备”页面的 UI 布局。引入了梯形积分算法、异常流量雷达以及双轨制流量对齐显示,为网络工程人员和进阶玩家提供。


全屋智能家居平台联动接入插件:Home Assistant 极客集成、UI增强,硬路由+NPU 最佳伴侣、无需刷机,支持全系ZTE!设备列表平铺化,大屏可视化一点通,你所要的,都在这里,无需频繁切换页面…


原生路由器后台通常只能提供最基础的瞬时网速,且数据往往在设备掉线或路由器重启后直接清零。我们希望通过这套轻量级的组件,为你提供更持久、更直观的家庭网络流量可视化面板→支持定期导出.csv数据。


中兴路由器 Web UI 增强插件,已验证:星云 MAX 全屋 2.5G 有线主路由/BE 5100Pro+ !分别统计上下行流量,查看流量占比速率、上下比值,打击 P2P 偷上行,支持 1000/1024 进制,支持 Mbps/GiB ,可统计内网和公网作对比!设备列表平铺化,大屏可视化一点通,你所要的,都在这里,无需频繁切换页面…


官方 Web 后台虽然稳定,但在数据展示的交互设计上存在一些不便。例如,实时的网速数据和设备历史累积流量被隐藏在了二级菜单中,需要频繁点击具体设备才能查看,无法在全局列表形成直观的对比。本插件的核心目的就是“拍平”这些层级。将单台设备的上下行网速、本次在线期间的积分流量,以及底层的累积总吞吐量,全部提取并前置到主设备列表中,无需任何多余的操作,所有设备的网络吞吐状态一目了然。


^-^ 功能特性 (Features)



  • 流量与占比统计:分别统计单设备的上下行流量,实时查看流量占比速率及上下行比值。

  • 异常上传监控:支持检测上下行比例,直观标记异常上传,打击 PCDN / P2P 偷跑上行。

  • 精准单位换算:严格区分网络传输速率与存储容量,支持 1000/1024 双进制,支持 Mbps / GiB 显示。

  • 全局数据对比:支持内网(局域网代数和)与公网( WAN 口)数据大盘统计与直观对比。

  • 高精积分流量统计 ^-^ UI 栅格重构 ^-^

  • 双轨制流量统计对比:除展示路由器接口自带的历史总吞吐量外,还会在页面前端独立进行高频的数据采样,统计设备在当前页面打开期间的真实流量消耗。两者并排显示,互为参考。单位统一成本次,注重变化的观察。

  • 自定义支持:尊重网络工程习惯,支持通过脚本变量自定义 1000 进制 Mbps 、1024 进制 MiB/s 显示逻辑。

  • ^-^ 隐私保护、UI 优化

    • DOM 原地突变( Mutation )渲染时,自动覆写敏感的 MAC 地址与 IPv6 临时地址,确保在录屏、截屏及分享网络状态时的安全。

    • 基于 Flexbox 的强制底部对齐系统,修复栅格导致的高度差问题。

    • 无痕注入,不破坏原生 Vue 状态机,保障浏览器运行性能。




^-^ 界面预览 (Screenshots)


















小米插件参考 中兴原生界面 增强版

^-^ 安装指南 (Installation)


环境要求


在使用本脚本之前,请确保您的浏览器已安装用户脚本管理器扩展,例如:



  • Tampermonkey(推荐, 支持 Chrome, Edge, Firefox, Safari)

  • Violentmonkey


脚本安装



  1. 点击此处安装全面版 Bro-Stat

    • 从 GreasyFork 安装

    • 从 OpenUserJS (直连推荐:无需科学上网)

    • 国产脚本猫(推荐)



  2. 在弹出的 Tampermonkey 界面中点击“安装”或“更新”。

  3. 登录您的路由器 Web 管理后台,输入管理员密码,登录成功后刷新网页,进入“组网管理”界面,脚本将自动生效。



[!IMPORTANT]

备用唤醒入口:若不生效,请检查左侧工具边栏导航,找到 ^-^ 哥哥科技面板 点开进行使用,效果基本一致。


请确保 篡改猴 插件运行正常!!也就是 浏览器 拓展图标这里,正常显示数字!允许用户脚本注入教程如下图。



^-^ Symlinks 友情链接


[Ban-PCDN_Anti-P2P]


^-^ 个性化配置 (Configuration)



若脚本仍未生效,请使用如下教程:



脚本顶部暴露了全局环境变量 CONFIG 对象,支持用户根据自身网络环境进行微调:


const CONFIG = {
calcMode: 1, // 1: 绝对倍数模式 (上行/下行), 0: 传统占比模式
ratioExtremeUp: 10, // 极端上传触发阈值 (默认 1000%,触发红色⚠️告警)
ratioWarnUp: 0.07, // 重度上传触发阈值 (默认 7%,触发红色高亮)
ratioExtremeDown: 0.01, // 极端下载触发阈值 (默认 1%,触发蓝色下载倍数显示)
// 物理端口与无线频段中文映射字典 (可根据你的具体路由型号增删)
portMap: {
"eth1": "端口 1",
"eth2": "端口 2",
"eth3": "端口 3",
"eth4": "端口 4",
"wl0": "Wi-Fi 2.4G",
"wl1": "Wi-Fi 5.2G",
"wl2": "Wi-Fi 5.8G"
}
};

^-^ 注意事项 (Notes)



  • 本脚本仅在前端对获取到的 API 数据进行重新排版与计算,不会修改路由器底层的核心配置。

  • 若您的路由器管理地址为非标准 IP ,请在脚本的 @match@include 头部规则中自行添加。

  • 本脚本属于纯前端 DOM 注入与数据重组工具,不涉及对中兴路由器底层固件的修改。

  • 脚本利用油猴环境,并发请求路由器的 vue_home_device_data_no_update_sessvue_client_data 接口。为解决官方前端轮询刷新带来的滞后感,脚本内部通过 performance.now() 实现了独立的设定,从而推导出更为精准的瞬时流量数据。所有的 UI 修改均在原页面的 CSS 框架基础上通过 Mutation 完成,确保了界面的原生质感与兼容性。


^-^ 安装与使用说明



  1. 确保你的浏览器已安装 TampermonkeyScriptCat(脚本猫) 扩展。

  2. 点击本页面的“安装脚本”。

  3. 登录你的路由器 Web 后台(如 tplogin.cn192.168.31.1)。

  4. 页面右侧会自动出现 ^-^ 悬浮按钮,点击即可展开监控面板。(你也可以点击面板上的 ^-^ 图标,将监控数据冻结在页面顶端)。



“在一个文明社会,干净的、不被监视与吸血的网络,是我们每个人的基本权利。”



本交互式程序基于 GNU Affero GPL v3.0 协议开源,按“原样 (AS IS)”提供,不对其适用性、稳定性、精密度或任何商业场景合规性作任何明示或暗示的担保。

最新回复 (6)
  • 高参数大规模世界模型万岁! 楼主 08-10 12:04
    2

    其实我最早开发的就是ZTE啊,现在最全面的事中兴和华为,TP是后开发的

  • inlife 08-10 12:07
    3

    华为的光猫路由一体机是不是无法使用

  • 08-10 12:09
    4

    佬有太强了,家里有一台闲置的小米可以端出来玩玩了,还有一台华硕

  • 高参数大规模世界模型万岁! 楼主 08-10 12:10
    5

    小米好像路由模式比AP模式准;目前中兴AP模式是功能最多的(AP太“胖”了)

  • 高参数大规模世界模型万岁! 楼主 08-10 12:18
    6

    ^-^ Bro-Stat:全平台路由器增强监控组件


    English | 简体中文


    原生路由器后台通常只能提供最基础的瞬时网速,且数据往往在设备掉线或路由器重启后直接清零。我们希望通过这套轻量级的组件,为你提供更持久、更直观的家庭网络流量可视化面板→支持定期导出.csv数据。



    Bro-Stat 增强组件 Copyright © 2026 哥哥科技 (BroTech) | 点击分享


    B站:哥哥科技:501430041




    品牌硬路由专版



    • 小米路由器:[Mi-Stat_Max]

    • 中兴路由器:[ZTE-Stat_Max]

    • HA上报联动:[全品牌通用]


    ^-^ 核心特性


    1. 数据存储


    原生路由器的流量统计往往是没有记忆的。本组件引入了本地快照持久化机制:每次你打开网页,它会自动读取上一次的流量快照,并与当前的底层数据进行无缝接力。

    哪怕路由器断电重启、设备重新连接,你依然能在面板上看到设备自挂机以来的真实历史上下行消耗,让偷偷跑流量的设备无处遁形。


    2. 微型时序火花线 (Sparklines)


    我们不使用第三方图表库,用纯粹的字符画在网速条中央构建了动态波形图:



    • 峰值悬停:采用类似 Windows 任务管理器的 Y 轴黏滞算法,大流量波峰过后,坐标轴会平滑回落,减轻视觉抖动。

    • 底噪过滤:杂波过滤,日常微弱流量会自动隐身,只有真正有意义的吞吐量才会激起波浪,一眼看清网络波动的真实形状。


    3. 心跳探测


    当设备的网速极低(例如智能家居的 MQTT 心跳包)时,原生后台通常会粗暴地显示为 01 KB/s 的生硬跳动。我们引入了十六分之几(如 [3/16] KiB/s)的微小分数映射机制。

    即便设备处于待机状态,你也能通过这丝微弱的“脉搏”,准确判断设备状态。


    4. 高精度的上行追踪 (PCDN 探照灯)


    针对国内宽带上行资源宝贵的现状,组件在数据呈现上做了明确的切分:



    • 下行方向:注重“赛跑感”,直观展示当前谁在占用你的下载带宽。

    • 上行方向:采用“记账模式”,独立的橙色进度条和雷达比例,清晰记录每台设备的累计上传占比。结合波形形状(平稳持续/脉冲突发),轻松排查局域网内的疑似 PCDN 节点。


    5. 性能优化


    作为一个需要长期挂在后台的监控面板,流畅度至关重要。

    组件底层采用纯数学的梯形积分算法剥离了冗余的 API 轮询,渲染层则利用原生 DOM 穿透与 Flex 布局锁死重排(Reflow)。哪怕局域网内有上百台智能设备同时刷新,浏览器的内存与 CPU 占用曲线依然能保持一条平稳的直线。


    6.^-^ 联动 Home Assistant


    搭配专属的 哥哥科技 中枢集成,支持通过 Webhook 将状态实时推送到 HACS 插件。避免Web只能单端接入,实现多端并发观测。详见兄弟项目:[ZTE-Stat_HA]


    7. 定制化精准 Wi-Fi 信号图标 SVG




    ^-^ 支持的布局与模式


    我们为不同尺寸的屏幕和审美偏好提供了灵活的配置项(可在脚本开头修改 CONFIG):



    • 全宽悬浮舱:打破原生后台的定宽限制,左右铺满,提供最宽广的数据展示视野(TP 等品牌默认推荐)。

    • 驾驶舱美学 (UI Layout 1):数据紧凑,重点突出,适合需要同屏监控海量设备的场景。

    • 报表流美学 (UI Layout 2):平铺展示,间距舒适,适合作为常亮副屏的监控看板。




    ^-^ 安装与使用说明



    1. 确保你的浏览器已安装 TampermonkeyScriptCat(脚本猫) 扩展。

    2. 点击本页面的“安装脚本”。

    3. 登录你的路由器 Web 后台(如 tplogin.cn192.168.31.1)。

    4. 页面右侧会自动出现 ^-^ 悬浮按钮,点击即可展开监控面板。(你也可以点击面板上的 ^-^ 图标,将监控数据冻结在页面顶端)。

  • 高参数大规模世界模型万岁! 楼主 09-16 13:17
    7

    新增腾达支持

* 帖子来源Linux.do
返回