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 Manifest

How It Works

  1. Inject Page Hook to intercept fetch/XHR
  2. Capture API responses with hidden rank/student count fields
  3. Parse data in Content Script
  4. 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 Tool