Overview
A browser extension (Chrome/Edge) built for USTB’s academic affairs system. It solves a real pain point: the grade query page doesn’t show rankings, but the backend API actually returns this data.
JavaScript Chrome Extension Manifest V3
How It Works
- Inject Page Hook to intercept fetch/XHR
- Capture API responses with hidden rank/student count fields
- Parse data in Content Script
- Dynamically insert rank columns into the DOM
Key Features
- Multi-UI support (Element UI, iView UI, native tables)
- MutationObserver for dynamic page changes
- Configurable custom columns via localStorange
- Debug mode exposing all API fields
- Privacy-first: zero data collection
USTB Browser Extension Tool