A Chrome DevTools extension to view all RudderStack analytics events fired on any web page, in real time.
- Live event log: See every RudderStack event as it happens, with full payloads.
- Event filtering & search: Filter by event type or search by name/properties.
- Copy event JSON: One-click copy for easy debugging or sharing.
- Config display: Shows RudderStack write key and data plane URL if available.
- Works on any site: No code changes needed—just install and open DevTools.
- Content script injects a small script (
interceptor.js) into every page you visit. - The interceptor checks for
window.rudderanalytics(the RudderStack SDK). - If found, it wraps all key methods (
track,identify,page,group,alias,reset). - Every time your site calls one of these methods, the event and its data are sent to the extension.
- The background script relays these events to the DevTools panel.
- The DevTools panel displays all events in a searchable, filterable log.
- Debug analytics instantly: No more guessing if events fired or what data was sent.
- Validate event structure: See the exact payload for every call.
- Faster QA: Spot missing or malformed events before they reach production.
- No backend required: All inspection happens in your browser.
- Clone or download this repo.
- Go to
chrome://extensionsin Chrome. - Enable Developer mode (top right).
- Click Load unpacked and select the extension folder.
- Open DevTools (F12) on any page using RudderStack.
- Find the "RudderStack Debug" panel.
A sample demo page is included in /demo.
You can run it locally with:
cd demo
python -m http.server 8000Then open http://localhost:8000 in Chrome.
- This extension does not collect or transmit any data outside your browser.
- All event inspection happens locally.