Session Replay Browser Dev Tools

Overview

Dev Tools is a built-in debugging panel in Session Replay that can help you troubleshoot issues in your applications. Use it to identify issues, trace requests, and understand performance bottlenecks—all without reproducing the issue yourself. Dev Tools are only available for RUM sessions that have been retained. You do not need to configure anything to use Dev Tools.

Dev Tools

To access Dev Tools, click the Dev Tools button in the Session Replay view. The </> Dev Tools button appears to the right of the Share button. You can view performance data, console logs, errors, and attributes about your replays.

Performance

The Performance tab displays a waterfall of events (such as actions, errors, resources, and long tasks) and timesteamps in a session.

Select and apply filters such as Action Name and Resource Type to change the scope of resources and event types displayed. You can also drag and drop the sliders in the waterfall to expand the time range.

Console

The Console tab displays all logs collected from the web browser and errors for each view.

Click Error, Warn, Info, and Debug to filter your logs based on severity. To search for these logs in the Log Explorer, click View in Log Explorer.

Console View in Log Explorer button

The Log Explorer opens in a separate tab with a pre-filled search query.

Errors

The Errors tab displays RUM errors and Error Tracking issues that correlate to the session.

Errors tab

Attributes

The Attributes tab displays all attributes related to the session. For more information, see Default attributes.

Further reading