Chrome Extension
Session recording for Chromium-based browsers
Overview
The Logspace Chrome Extension enables persistent cross-tab session recording directly from your browser. Record user sessions including DOM changes, network requests, console logs, and video - then analyze them with AI-powered debugging tools.
Video Recording
Screen, audio, and webcam capture with configurable quality
Network Monitoring
Capture all XHR/Fetch requests with headers and payloads
Error Tracking
Automatic JavaScript error capture with stack traces
Installation
Chrome Web Store
Install the extension in a few clicks:
- Visit the Chrome Web Store
- Search for "Logspace Session Recorder"
- Click "Add to Chrome"
- Confirm the installation in the popup
Supported Browsers: Chrome, Edge, Brave, Arc, and all Chromium-based browsers
Quick Start
Login to your account
Click the Logspace extension icon and sign in with your account. This connects recordings to your projects.
Select recording mode
Choose between Tab Recording (DOM-based), Screen Recording (video), or both for comprehensive capture.
Start recording
Click the Start button and interact with your application. All activity is captured automatically.
Save and analyze
Stop the recording and optionally add a title and description. Sessions are uploaded and available for AI analysis.
Recording Modes
Tab Recording
DOM-based recording for visual replay
- Captures DOM mutations using rrweb for pixel-perfect replay
- Records all network requests (XHR, Fetch, WebSocket, SSE)
- Captures console logs and JavaScript errors with stack traces
- Tracks user interactions (clicks, inputs, scrolls, navigation)
- Monitors localStorage/sessionStorage/cookie changes
- Persists through page refreshes and navigation
Screen Recording
Video capture with optional audio
- Captures entire screen, window, or specific tab
- Optional system audio capture
- Microphone support for narration
- Configurable quality (720p, 1080p, 4K)
- VP8/WebM format for optimal compression
Webcam Overlay
Picture-in-picture for user context
- Draggable picture-in-picture webcam bubble
- Position presets (corners)
- Toggle visibility during recording
- Useful for bug reports with user reactions
What Gets Captured
Network Requests
- • XHR and Fetch API calls
- • Request/response headers
- • Request/response bodies (JSON, text)
- • Status codes and timing
- • WebSocket messages
- • Server-Sent Events (SSE)
Console Logs
- • console.log, info, warn, error, debug
- • Stack traces for errors
- • Timestamps for all entries
- • Object serialization
User Interactions
- • Mouse clicks with element selectors
- • Keyboard inputs (with privacy masking)
- • Scroll positions and movements
- • Page navigation events
- • Form submissions
JavaScript Errors
- • Uncaught exceptions
- • Unhandled promise rejections
- • Error messages and stack traces
- • Source file and line numbers
Storage Operations
- • localStorage get/set/remove
- • sessionStorage operations
- • Cookie changes
- • IndexedDB operations
Annotations
- • Add notes during recording
- • Flag issues with markers
- • Highlight important moments
- • Searchable in dashboard
Privacy Controls
Logspace provides comprehensive privacy controls to ensure sensitive data is never captured:
Automatic PII Masking
Built-in patterns automatically detect and mask sensitive data:
- Email addresses
- Phone numbers
- Social Security Numbers (SSN)
- Credit card numbers
- API keys and tokens (common patterns)
Network Exclusions
Prevent capturing sensitive network requests:
- Exclude specific URL patterns from logging
- Block request/response bodies for sensitive endpoints
- Redact specific headers (Authorization, API keys)
Domain Exclusions
Completely disable recording on specific domains. Useful for excluding third-party sites, internal tools, or any pages where recording should never occur.
Saving Recordings
When you stop a recording, a save dialog appears where you can add details before uploading:
- Title - Name your recording (auto-generated with timestamp)
- Description - Add context about what was recorded
- Project - Select the project this recording belongs to
- Environment - Choose the environment (production, staging, etc.)
- Assignee - Assign to a team member for review
- Severity - Set priority level (low, medium, high)
After saving, the recording is uploaded and available in the dashboard for AI-powered analysis.
Using with AI (MCP Server)
Sessions recorded with the Chrome Extension can be analyzed using the Logspace MCP Server. This enables AI assistants like GitHub Copilot, Claude, and Cursor to:
- Analyze errors and suggest fixes based on session context
- Examine network requests that led to failures
- Review console logs around the time of issues
- Understand user actions that triggered bugs
- Generate reproduction steps automatically
Troubleshooting
Extension icon is greyed out▼
- chrome:// pages (settings, extensions)
- chrome-extension:// pages
- The Chrome Web Store
- New tab page (unless you navigate somewhere)
Recording won't start▼
- Check if you're logged in - click the extension icon to verify authentication status
- Ensure the page is fully loaded before starting
- For screen recording, make sure you've granted screen capture permissions
- Try refreshing the page and attempting again
- Check the browser console for errors (F12 → Console)
Session upload fails▼
- Check your internet connection
- Verify the server URL is correct in options
- Ensure your API token hasn't expired
- Check if the server is reachable
- Large recordings may take time - check progress indicator
Some features limited (CSP detected)▼
- DOM recording may be limited - use Screen Recording mode instead
- Network requests and console logs should still work
- The extension will display a CSP badge on affected sessions