USTB 成绩排名浏览器扩展
项目概述
专为北京科技大学教务系统开发的浏览器扩展(Chrome / Edge),解决了一个实际痛点:学校教务系统的成绩查询页面不显示排名信息,但后端 API 实际返回了这些数据。
用技术解决身边的问题——一个典型的”学生黑客”项目。
技术架构
JavaScript Chrome Manifest工作原理
- 注入 Page Hook 拦截 fetch/XHR 请求
- 捕获成绩查询 API 的返回数据(含排名、总人数等隐藏字段)
- Content Script 中解析数据
- 动态修改 DOM,在成绩表格中插入排序列
关键特性
- 多 UI 框架支持:兼容 Element UI、iView UI 和原生 HTML 表格
- MutationObserver 监听:检测页面动态变化并自动重新渲染
- 自定义列:用户可配置展示专业排名、班级排名、学分、绩点等
- Debug 模式:暴露所有 API 返回字段
- 隐私保护:不收集、不存储任何账号或成绩数据
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 lizhichao!
