LaunchDarkly SDK Event Viewer

See exactly what the JavaScript SDK is doing — flag evaluations, context payloads, streaming connections, and every event in between.

Try the Demo Get Started

Features

Get Started

Install

The extension adds a LaunchPad panel to Chrome DevTools. It uses the DevTools Network API, so it captures requests with full HAR timing, response sizes, and headers — no monkey-patching needed.

  1. Clone the repo
  2. Go to chrome://extensions and enable Developer mode
  3. Click Load unpacked and select the repo root
  4. Open DevTools on any page with the LD SDK → select the LaunchPad tab

The extension works immediately on the current page — no reload required. It sees every request the SDK makes, including those that already happened before you opened the panel.

About

The bookmarklet injects an event viewer panel directly into any page. It works in Chrome, Firefox, Safari, and Edge — no extension install needed. It intercepts LD SDK traffic by monkey-patching fetch, XMLHttpRequest, and EventSource, and renders its UI in a Shadow DOM so it won't interfere with the host page's styles.

Install

Drag this to your bookmarks bar:

LD Event Viewer

Drag the button above to your bookmarks bar, then click it on any page running the LD JS SDK.

Or copy the bookmark URL manually:

Capture from init (DevTools)

To capture all SDK traffic from the very first request — including the streaming connection and initial identify — use a DOM breakpoint to pause the page before any scripts run, then click your bookmarklet while paused:

  1. Open the page and open DevTools → Elements tab
  2. Right-click the <head> element → Break onsubtree modifications
  3. Reload the page — the debugger pauses before any scripts execute
  4. Click your LD Event Viewer bookmarklet in the toolbar
  5. Press F8 to resume — you may need to press it a few times as the parser modifies <head>

The breakpoint persists across reloads. To remove it, right-click <head> and uncheck subtree modifications.

In Firefox: Inspector → right-click <head>Break on…Subtree Modification, then the same flow.

Capture from init (script tag)

If you can edit the page's HTML, drop this in during development. Since the tag loads with the page, all SDK requests are captured automatically — no DevTools needed:

Quick click (ongoing traffic only)

Just click the bookmarklet on any page with the LD SDK already running. The viewer will capture any future SDK traffic — streaming updates, identify calls, custom events — but won't see requests that already happened.

Removing

To remove the viewer from the current page, run in the console:

LDJSSDK.remove()