🎮 Live Demo - Real Error Tracking

Debug Tracker Live Demo

Experience real error tracking with screenshot capture and annotation tools

Live Error Simulation
Trigger real errors that will be automatically captured by the tracker
How to Use This Demo
1

Click any error button above

This will trigger a real error that the tracker will capture

2

Watch for automatic screenshot

The tracker will automatically capture a screenshot of the page

3

Use annotation tools

Draw on the screenshot, add comments, and submit the report

Tracker Features
What the Debug Tracker captures automatically
JavaScript runtime errors
Network request failures (XHR & Fetch)
Unhandled promise rejections
Automatic screenshot capture
Drawing and annotation tools
User context and metadata
Session tracking
Annotation Tools
Available when capturing screenshots
✏️ Free drawing
🔴 Circle shapes
⬜ Rectangle shapes
↗️ Arrow pointing
🧽 Eraser tool
↶ Undo actions
💬 Text comments
📤 Submit reports
Integration Code
Add this to your website to enable error tracking
<!-- Add before closing </body> tag -->
<script src="/tracker.js"
data-site-key="your-site-key-here"
data-debug="false">
</script>