July 22nd, 2024

rrweb – record and replay debugger for the web

rrweb.io is an open-source web session replay library enabling remote replay of website interactions. It supports user analysis, bug reproduction, demos, and collaboration. Users can sponsor and receive recognition. Trusted by companies with interactive demos available.

Read original articleLink Icon
rrweb – record and replay debugger for the web

rrweb.io is an open-source web session replay library that allows users to record interactions on a website and replay them remotely. It offers APIs for easy implementation. The library has various use cases, including user analysis for optimizing user experience, bug reproduction for debugging, web demonstrations, and real-time collaboration. Users can support rrweb through sponsorship and get recognition. The library is trusted by various companies and offers interactive demos for users to try out.

Link Icon 12 comments
By @pzo - 6 months
Anyone used replay.io and can compare both? Any limitations? This one is open source but there was no release in 2 years.

edit: actually they release frequently it's just latest builds are still pre-release.

By @bqmjjx0kac - 6 months
RR's trick is to record any sources of nondeterminism, but otherwise execute code. One consequence is that it must record the results of syscalls.

Does Rrweb do the same for browser APIs and web requests?

The page mentions pixel-perfect replays, but does that require running on the same browser, exact same version, with the exact same experiments/feature flags enabled?

By @philmo1 - 6 months
Posthog uses it for their session replay product as well
By @XCSme - 6 months
Very cool (and complex) implementation. I sponsor and use it for uxwizz.com

I also use a different system alongside it, that only records mouse movement/clicks/keyboard and replays them (so you can choose). RRWeb works well, but it uses more data/computing on both the client and the server-side.

By @simplify - 6 months
I tried the "checkout form" demo and in the replay it showed what I typed into the credit card field. Any way to disable sensitive inputs like this?
By @chetan_187 - 6 months
Zipy is also a session replay and error tracking tool, which uses rrweb to capture the DOM. On top of that they have many small and big features which adds value to their product, must visit https://zipy.ai
By @jacekm - 6 months
Is there any browser extension based on Rrweb that would let me record my actions and export them to a file which could be then replayed by another person? I know commercial tools, I am wondering whether there is something free available.
By @eisbaw - 6 months
Does it run locally? I inherently do not trust anything serverd on the web to be stable.
By @jitl - 6 months
I studied rrweb's MutationObserver-based DOM event handling & recording when rebuilding the Notion editor a few years ago. I've never used the full thing but liked the code quality I encountered.
By @icholy - 6 months
I wish we had an rr for nodejs.