A browser extension that intercepts the fetch API to capture, decode, and display YouTube UMP network traffic in a human-readable format.

• Installation
  • Chrome, Brave, and Edge
  • Manual Installation (Firefox & Unpacked)
• Building from Source
• Usage
• Screenshots
• License

Installation

Chrome, Brave, and Edge

The easiest way to install the extension is directly from the Chrome Web Store.

Manual Installation (Firefox & Unpacked)

To install this extension on Firefox or load it manually, you need to load it as an unpacked extension:

1. Download the latest ump-inspector-vX.X.X.zip from the releases page.
2. Unzip the downloaded file.
3. Open your browser and navigate to the extensions page:
   • Chrome/Brave: chrome://extensions
   • Edge: edge://extensions
   • Firefox: about:debugging#/runtime/this-firefox
4. Enable "Developer mode".
5. Click on "Load unpacked" (or "Load Temporary Add-on" in Firefox) and select the directory where you unzipped the files.

Building from Source

If you want to build the extension from the source code, follow these steps:

1. Clone the repository:

   git clone https://github.com/LuanRT/ump-inspector.git
   cd ump-inspector

2. Install the dependencies:

   npm install

3. Build the project:

   npm run build

4. Follow the steps in the Manual Installation section, but select the root directory of the project instead of the unzipped release folder.

Usage

1. Open any YouTube video.
2. Click the button in the bottom-right corner to launch the inspector panel.

Note: You can hide the UI at any time by toggling the "Enabled" option in the extension popup.

Screenshots

Click to expand screenshots

License

Distributed under the MIT License.

(back to top)