Browser Extension

The Trace Browser Extension injects diagnostic panels natively into the DOM of any active tab, bringing the power of the Trace console directly alongside your local rendering environment.

⚠️The Browser Extension is currently in Beta. Some capabilities like cross-origin network interception are restricted by Chrome Manifest V3 policies.

Installation

You can download the extension directly from the Chrome Web Store or install it manually for local development:

  1. Download the `probe-extension-v2.1.zip` zip archive from your Trace console dashboard.
  2. Navigate to `chrome://extensions` in your browser.
  3. Enable Developer Mode in the top right corner.
  4. Click Load unpacked and select the extracted folder.

Key Capabilities

Live DOM Diffing

Track React/Vue re-renders natively inside the DOM tree, avoiding the overhead of heavy framework-specific dev-tools.

Network Interception

The extension taps directly into `chrome.webRequest` APIs, allowing it to inspect WebSocket messages and HTTP/3 streams that standard service workers miss.

Vibe Chat

Press `Cmd+K` anywhere on a page to open the AI overlay chat and query the current runtime state.