Home

DevMirror Wiki

Welcome to the DevMirror wiki! DevMirror captures 100% of browser console output using Chrome DevTools Protocol.

Latest Version: v0.4.82 (2024-11-26)

What's New

• Multiple Instance Support: Run DevMirror in multiple projects simultaneously
• Per-Project Chrome Profiles: Each project gets isolated Chrome profile (projectname-hash-port)
• Fixed Profile Errors: No more "Something went wrong" dialogs when starting Chrome
• Complete Error Context: All errors include file name, line and column numbers
• Configurable Debug Logging: Advanced CDP protocol debugging

Quick Links

• Setup Wizard Guide - Complete guide to the configuration wizard
• Quick Start - Get up and running in under 2 minutes
• Integration Guide - How to integrate with your workflow
• Troubleshooting - Solutions to common issues
• Technical Architecture - How DevMirror works under the hood

Getting Started

1. Install the extension from VS Code marketplace
2. Open a project with package.json
3. Look for "DevMirror Scripts" in the Explorer sidebar
4. Click the gear icon next to any script to open the Setup Wizard
5. Configure your settings and click "Generate Configuration"

Features

• 100% Console Capture - Never miss a log, even during page refreshes
• Setup Wizard - Visual configuration with smart defaults
• Multi-Mode Support - Works with CEF and CDP
• Dynamic Path Resolution - Scripts survive extension updates via shim pattern
• ESM Support - Automatic detection and .cjs shim generation
• Auto-Reconnect - Handles dev server restarts
• Monorepo Ready - Detects all package.json files with relative paths
• Interactive CLI Compatible - Works with menu-driven tools

Latest Version

v0.4.80 - Released September 25, 2025

• Fixed package dependencies (v0.4.79 was published without node_modules)
• Console.table() now displays as formatted ASCII tables with all columns
• Fixed array expansion to show full nested object data instead of placeholders
• Added "console.table() output" label with proper alignment
• Improved CDP preview data handling for complete object reconstruction

See CHANGELOG for full history.