What Are Debug Reports?
PlayerZero’s Debug Reports provide end-to-end visibility into user sessions, combining user behavior, DOM state, developer tools data, and distributed system traces. These reports give engineers and support teams a unified, actionable view of what happened, why, and where to fix it.End-to-End Context Capture
User Actions
User Actions
- Captures every interaction, including:
- Clicks, navigations, form submissions, and scrolls.
- Automatic detection of rage clicks.
- Reconstructs the full navigation flow to visualize the exact steps to reproduce.
DOM Snapshots
DOM Snapshots
- Full page state capture at critical moments, including:
- Incremental DOM changes as they occur.
- Shadow DOM and canvas capture support.
- Configurable privacy masking (Relaxed, Normal, or Strict) to safeguard sensitive data.
DevTools Context
DevTools Context
- Integrated developer diagnostics, including:
- Complete console logs (errors, warnings, debug messages).
- Network request monitoring with performance thresholds.
- Automatic JavaScript error capture with full stack traces.
- Browser and device details, system performance metrics.
Unified Log View
Unified Log View
- Correlates frontend and backend logs into a single timeline via trace IDs.
- Provides real-time filtering by severity, user, or time range.
- Streams logs for:
- Console messages
- API calls
- Database queries
- System metrics
Distributed Trace Visualization
Distributed Trace Visualization
- Visualizes end-to-end request flow with:
- Span trees showing service-to-service calls.
- Performance breakdowns highlighting bottlenecks.
- Error highlighting to pinpoint failure points.
- Network diagrams mapping system dependencies and impacts.
Launch AI Directly from Session Data
‘Find in My Code’ Button
‘Find in My Code’ Button
‘Debug’ Button on Issues
‘Debug’ Button on Issues
Session Timeline Integration
Session Timeline Integration
- Start an investigation directly from any point in a user journey.
- The AI reconstructs the flow, showing how actions led to specific errors or states.
QA Widget “Debug Button”
Session Sharing and Capture
Session Sharing and Capture
- A shareable DevTools widget with hover animation for quick session capture.
- Generates direct links for instant access to:
- Debug traces
- Session timelines
- Key issue data
Modal Interface for Issue Reporting
Modal Interface for Issue Reporting
- Create structured bug reports directly from a captured session:
- Include console logs, DOM snapshots, network data, and traces.
- Automatically formatted for handoff to engineering or ticketing systems.