Session Replays
The Replays page allows you to watch video playbacks of user sessions to diagnose how errors occur. Note that this feature is available only for frontend or UI applications.
How to Debug
This is how you can use Replays page to debug errors in your UI app.
Go to sidebar > Explore > Replays
Select the project you want to look into
Filter by the environment name and when it takes place.
Search for specific replays based on attributes like transaction attributes, click fields, tags, and more.
You can click the replays to see a replay video and additional information about the error.
Replay Details
The replay details include a video showcasing the user's actions on the UI app that result in an error. Alongside the video, the page contains additional contexts about the error.
Breadcrumbs
Breadcrumbs provides history and timeline leading to an error. It contains event information like click events and UI components it interacts with.
Console
The Console section displays a list of logs inside the browser console.
Network
The Network section provides a detailed log of all HTTP requests made by the browser during the session. For each request, you can see crucial information like the HTTP method, response status code, and path, which helps you quickly identify failed API calls or slow network performance.
Errors
The Errors section displays a list of related Issues. This guide also provided detailed information about Issue Details.
Tags
The Tags section displays a list of additional information that might be useful for debugging like the browser name, browser version, and more.
Last updated