MirrorTab

Mirror any DOM interactions from a source tab to a target tab in real time.

MirrorTab captures your interactions on one browser tab and replays them live on another. Clicks, inputs, keystrokes, scrolling, and mouse movement are all forwarded in real time from a Source tab to a Target tab. You can even export these recorded sessions and replay them automatically at a later time! The extension is open source and can be found at: https://github.com/KostaD02/MirrorTab Live Mirroring: 1. Open the MirrorTab popup and enter a Source URL and a Target URL. 2. Click "Start Session" to open both tabs automatically. 3. Interact with the Source tab. Every action is mirrored to the Target tab instantly. 4. Pause, resume, or stop the session at any time from the popup. 5. Download the full event log as JSON or plain text whenever you need it. Session Replay: 1. Click the "Replay Page" button in the extension popup. 2. Upload a previously downloaded .json or .txt session log. 3. Enter the URL of the environment you want to test against. 4. Click "Start" to automatically execute all recorded actions with full playback controls (play, pause, stop, adjust speed). Features: 1. Real-time mirroring: Live forwarding of clicks, form inputs, keystrokes, scroll events, and mouse movement. 2. Standalone Replay Engine: Upload any exported session file to an isolated Replay tab to automatically replay recorded user actions. 3. Playback Controls: Fully dictate your automated replays by adjusting the execution speed to 0.5x, 1x, or 1.5x. 4. Visual Ghost Cursor: A virtual cursor on the Target tab shows exactly where actions land. 5. Role Badges: Floating badges (SOURCE / TARGET / REPLAY) on each tab for clear identification. 6. Full Session Recording: All events are logged with precise timestamps and element selectors. 7. Export Capabilities: Download your session log as JSON or plain text for debugging, documentation, or analysis. 8. Smart Element Targeting: Unique IDs are resolved directly, while all other elements use a structural CSS path for reliable accuracy across DOM changes. Use cases: 1. QA Testing: mirror user flows to a staging or production environment side by side. 2. Live demonstrations and presentation broadcasting. 3. Automated Regression: Download a bug's session log and automatically replay it against new code to verify fixes. 4. Cross-browser and cross-layout visual comparisons. 5. Documenting interactions step-by-step for teams. Privacy: MirrorTab works entirely within your browser. No data is sent to any external server. Session data stays local and is only saved directly to Chrome storage to survive browser restarts.