Check Detail View
When you open a check from the dashboard, you enter the detail view. This is where you can review the captured media alongside all the developer context that was collected at the time of capture. The layout adapts to your screen size to give you the best viewing experience.
Check detail view showing the video player and devtools panel side by side
Layout
The detail view uses a split-panel layout that adjusts based on your screen width:
- Wide screens: The capture media (video player or screenshot) sits on the left, and the DevTools panel is displayed on the right.
- Narrow screens: The media is shown at the top and the DevTools panel stacks below it.
Capture Media
The media section displays different content depending on the capture type:
| Capture Type | What You See |
|---|---|
| Screenshot | Full-resolution image with zoom and pan controls |
| Screen Recording | Video player with playback controls, speed adjustment, and timeline scrubbing |
| Instant Replay | Session replay player that reconstructs the recorded DOM interactions |
DevTools Panel
The DevTools panel provides tabs to switch between different categories of developer context that were captured alongside the media. Use the tabs at the top of the panel to navigate between them:
Console Logs
View all console output captured during the session. Logs are color-coded by severity level (errors in red, warnings in yellow, info in blue) and include timestamps so you can correlate them with the capture timeline.
Network Requests
Browse all HTTP requests made during the session. Each entry shows the URL, HTTP method, status code, and response timing. You can expand individual requests to inspect headers and response bodies.
User Action Timeline
A chronological list of user interactions recorded during the session, including clicks, double clicks, keypresses, and navigation events. Each action is timestamped so you can trace exactly what the user did leading up to the captured moment.
DevTools panel with Console, Network, and Actions tabs
Metadata
Below the media and DevTools panel, you will find metadata collected at the time of capture:
- Page URL — the full URL of the page that was being tested.
- Browser — name and version of the browser used.
- Operating System — the OS and version reported by the browser.
- Timestamp — the date and time when the capture was created.