Learn more
How Replay Works

How Replay Works

💡

This document is somewhat outdated. While we are working on this, please refer to Replay for New Contributors instead.

Replay.io (opens in a new tab) is the first time-travel debugger for runtimes like the browser and Node.

We wrote some blog posts outlining how it worked, covering the basics of how we record OS syscalls, use “effective determinism” to minimize the data needed, and turn browser processes in the cloud into a public API that can be used to introspect a program’s behavior:

  1. Overview (opens in a new tab)
  2. Recording and Replaying (opens in a new tab)
  3. Effective Determinism (opens in a new tab)
  4. Inspecting Runtimes (opens in a new tab)

There’s also a recent set of posts talking about the “effective determinism” aspect in more detail, including how we can replay the full browser behavior with a relatively small recorded set of input data, and how we investigate “runtime mismatch” errors internally:

For some additional details, see these docs pages:

Our approach for source maps

How programmatic recordings work

For examples of how the Replay Protocol API is used, see the actual Replay DevTools client repo, the Replay Protocol API Examples repo, and the Protocol API docs