DevTools

Debug faster with DevTools built into session replay

Troubleshoot user sessions' issues as if they happened in your local environment. Access the complete technical context: logs, errors, network requests, JS events and more. Eliminate guesswork and fix problems in record time.

Network Requests

MethodURLStatusTimeSize
POSThttps://api.openai.com/v1/chat/500340 ms1.8 KB
POSThttps://api.example.com/v1/auth/401230 ms1.2 KB
GEThttps://api.example.com/v1/redirect30280 ms600 B
GEThttps://api.example.com/v1/status10150 ms400 B

Solve issues without the back-and-forth

Precise bug reproduction

Reproduce bugs without chasing clues. Access console logs, network calls, state changes, and see what was triggered under the hood.

Faster time to resolution

Directly step into your users' sessions and reproduce errors exactly as they occurred. Eliminate back-and-forth communication and solve problems in minutes, not days.

Full data control

Use OpenReplay self-hosted or in a dedicated cloud environment. Stay compliant and meet the strictest regulatory requirements.

Gilad Novik
We went from spending hours debugging some production issues down to minutes after using OpenReplay.

All the context you need to reproduce that bug

Console

Understand the root cause of errors

View JavaScript errors with full stack traces and sourcemaps directly within session replays. Identify exactly when and where errors occur during user interactions.

Console Stack Trace
Network

Inspect every request

Inspect API calls, track failing requests, and analyze response payloads with sensitive data sanitized. Understand network bottlenecks and quickly identify missing resources affecting the user experience.

Session insights dashboard
Performance Metrics

Monitor resource usage

Monitor CPU usage, memory heap, DOM nodes, and frame rates throughout each session. Identify performance bottlenecks and spot what’s slowing down your app.

Session insights dashboard
State Management

Trace state changes

Track your application's state changes during user sessions. See how data flows through your application and identify unexpected state mutations.

Session insights dashboard
X-Ray

Correlate technical issues with user behavior

Get a unified view of network failures, performance slowdowns, JavaScript errors and user frustrations inside the session recording.

Session insights dashboard
Integrations

Bring your observability stack into session replays for deeper context into what went wrong

Attach session replays to Sentry, Bugsnag, GraphQL, or Datadog for deeper insights and faster debugging.

Debug issues with complete browser context

Image

You can't reproduce this bug?

Transform vague bug reports into precise reproduction steps. Watch exactly what happened in your users' browsers and recreate issues in your development environment.

Image

API failing in production?

View network activity, and inspect failed requests within the session context. Identify payload issues, authentication failures, and other API-related problems.

Image

Users say the app feels slow?

Analyze frame rate, CPU, and memory in sync with user actions to catch performance bottlenecks in real usage

Developer Tools FAQ

More Questions? Ask Support
How can OpenReplay DevTools help me reproduce bugs faster?

OpenReplay captures full user sessions, including console logs, network activity, memory usage, and state changes. With DevTools built into session replay, you can watch what happened and inspect the technical context—just like debugging in your local environment.

Can I inspect API errors and network requests in OpenReplay?

Yes. OpenReplay includes a session-based Network Inspector that lets you view all requests, responses, status codes, and payloads in context. You can quickly identify failing API calls.

Does OpenReplay track JavaScript errors with stack traces?

Yes. JavaScript errors are captured with full stack traces and sourcemap support. You can trace errors back to the original source code directly from the session replay.

Can I monitor frontend performance like CPU and memory usage?

Yes. OpenReplay DevTools track CPU usage, memory heap, DOM node count, and frame rate (FPS). You can identify performance bottlenecks during real user sessions.

How is OpenReplay different from other session replay tools?

OpenReplay is one of the few session replay and product analytics platforms that includes DevTools data inside session replays. It's also self-hostable and open-source, giving you full control and the ability to build on top of it.

Can I use OpenReplay DevTools while keeping sensitive user data secure?

Yes. You can sanitize specific fields in the payload to keep sensitive data hidden while still preserving the technical context needed for debugging.