Skip to Content
Live Logs

📡 Live Logs & Error Monitoring

Automatically detect JavaScript errors, failed API calls, and crashes on your website — captured with full diagnostic context and synced to your workflow.

🌟 Overview

Live Logs is Sniffer’s built-in error monitoring system. Once the Sniffer script tag is installed on your website, it passively monitors for JavaScript errors, unhandled promise rejections, failed network requests, and resource load failures. Detected errors are captured with full context and logged automatically in your project.

Unlike standalone error monitoring tools, Live Logs is fully integrated into Sniffer’s defect tracking pipeline. Detected errors can automatically become issues on your 📋 Task Board, get assigned to developers, and sync to 🔗 Jira — all without manual intervention.

🚀 Getting Started

Prerequisites

The Sniffer script tag must be installed on your website:

<script src="https://cdn.snifferweb.com/sniffer.js"
        data-project-id="YOUR_PROJECT_ID">
</script>

Tip: This is the same script that powers the 💬 Feedback Widget. One snippet enables both features.

⚙️ Enable Error Monitoring

  1. Navigate to ⚙️ Settings within your project
  2. Enable the Live Logs toggle (isLiveLogEnabled flag)
  3. Configure capture settings and alert thresholds
  4. Ensure your domain is in the Whitelisted URLs list (Company Settings)

🔍 What Gets Captured

Error TypeDescriptionContext Captured
🔴 JavaScript ErrorsUncaught exceptions, syntax errors, runtime errorsFull stack trace, source file, line/column
🟠 Failed API CallsHTTP requests returning 4xx or 5xx status codesURL, method, status code, request/response body, timing
🟡 Unhandled Promise RejectionsAsync errors not caught by application codePromise rejection reason, stack trace
⚪ Resource Load FailuresFailed script, stylesheet, or image loadsResource URL, type, error details

📱 Device Context (Auto-Captured)

Every error includes:

DataDescription
Operating Systeme.g., macOS 10.15.7
Browsere.g., Chrome 146.0.0.0
Screen Resolutione.g., 1440x900
User AgentFull user agent string
Page URLExact URL where the error occurred
HardwareCPU cores, memory, platform
LanguageBrowser language and timezone

📋 System Bug List

Route: /projects/:id/system-bugs

All auto-detected errors appear in a filterable list:

ColumnDescription
Error MessageThe error text or exception message
TypeJavaScript Error, Network Failure, etc.
SeverityAuto-assigned based on error type and frequency
StatusNew, Investigating, Resolved, Ignored
CountNumber of occurrences (deduplicated)
First SeenWhen the error was first detected
Last SeenMost recent occurrence

🔍 Filtering

Filter by date range, severity, status, error type, and free-text search.

🐛 System Bug Detail View

Click any error to open the detail view with these tabs:

1. ℹ️ Info Tab

FieldDescription
Error MessageFull error text
Stack TraceComplete JavaScript stack trace with source files and line numbers
Error TypeClassification of the error
Occurrence CountHow many times this error has been detected
First / Last SeenTimestamps

2. 📟 Console Logs Tab

ColumnDescription
Level❌ Error, ⚠️ Warning, ℹ️ Info, 🔧 Debug — color-coded
MessageLog message content (searchable)
TimestampWhen the log was recorded

Shows the first 30 log entries. Logs are filterable by level.

3. 🌐 Network Logs Tab

ColumnDescription
MethodGET, POST, PUT, DELETE
URLRequest URL
StatusHTTP status code — 🟢 2xx, 🟡 3xx, 🔴 4xx/5xx
TimingRequest duration
BodyExpandable request/response body preview

Shows the first 30 network entries with error highlighting.

4. 💬 Comments Tab

Team discussion about the error — same comment features as 🐛 Bug Details.

5. 🔗 Linked Tasks Tab

Link the system bug to related issues on the 📋 Task Board.

⚙️ Configuration

SettingDescription
Auto-Create IssuesAutomatically create a task board issue for each detected error
DeduplicationGroup identical errors into a single entry with occurrence count
Alert ThresholdImmediate, 3+ occurrences, or 10+ before alerting
Ignore PatternsURL patterns or error messages to exclude (e.g., third-party scripts)
Email NotificationsToggle email alerts for new errors
Slack/Teams NotificationsToggle communication channel alerts

📘 Live Logs Documentation

For Support organization projects, a Live Logs Docs page is available in the sidebar under Settings. It provides:

  • Step-by-step script installation guide
  • Domain whitelisting instructions
  • Configuration best practices
  • Troubleshooting tips

🔄 Integration with Task Board

Auto-detected errors that become issues appear on the 📋 Task Board with:

  • Source indicator: System bug icon distinguishes them from manual bugs
  • Platform field: Set to the detected platform
  • Attachments: Console logs, network logs, and device context attached automatically
  • Jira sync: If 🔗 Jira integration is active, auto-detected issues sync to Jira

🔐 Permissions

ActionRequired Permission
📡 View live logsLIVE_LOGS.VIEW
⚙️ Configure monitoringLIVE_LOGS.CONFIGURE

🔗 Related Topics

TopicDescription
📋 Task Board →Auto-detected errors become issues on the board
🐛 Bug Details →View console/network logs in the Logs tab
🔗 Integrations →Auto-detected errors sync to Jira
💬 Feedback →User-reported bugs complement auto-detected errors
📊 Dashboard →Error frequency appears in analytics
🧩 Sniffer for Jira →View error diagnostics inside Jira
IntegrationsDashboard & Analytics