Console Logs

Overview

VibeCheck automatically captures all console output from the page during a recording or screenshot. This includes console.log, console.error, console.warn, and console.info calls.

What gets captured

Every console call is recorded with:

• Timestamp relative to the recording start
• Log level — log, error, warn, info
• Message content — full text including serialized objects
• Stack trace — for errors that include stack information

Viewing console logs

On the VibeCheck platform, the Console tab shows all captured logs in chronological order. Each entry displays:

• The timestamp (e.g., 0:42)
• A colored indicator for the log level:
  • White — console.log
  • Yellow — console.warn
  • Red — console.error
  • Blue — console.info
• The full message text

Object serialization

VibeCheck serializes JavaScript objects so you see actual data, not [Object object]. Nested objects are displayed with expandable tree views on the platform.

Filtering and search

On the platform viewer, you can:

• Filter by level — show only errors, warnings, or info messages
• Search — find specific text in log messages
• Click to seek — for video recordings, clicking a log entry jumps the video to that moment

Exporting

Console logs can be exported as JSON for further analysis or for attaching to issue trackers.

Tips

• Check for errors first — red error entries are usually the most relevant for bug reports
• Look at the timeline — logs right before and after the bug reveal the sequence of events
• Use with network data — cross-reference console errors with failed network requests