Mirrortab

MirrorTab captures your interactions on one browser tab and replays them live on one or more target tabs. Clicks, inputs, keystrokes, scrolling, and mouse movement are all forwarded in real time from a Source tab to every 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 one or more Target URLs (click "+ Add Target" to add more, up to 10).
2. Click "Start Session" to open the source and all target tabs automatically.
3. Interact with the Source tab. Every action is mirrored to all Target tabs instantly.
4. Pause, resume, or stop the session at any time from the popup.
Remove individual targets from a running session without stopping the others.
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. Multi-Target Sync: Mirror a single source to multiple targets at once - perfect for cross-environment testing and multi-device demos.
3. Standalone Replay Engine: Upload any exported session file to an isolated Replay tab to automatically replay recorded user actions.
4. Playback Controls: Fully dictate your automated replays by adjusting the execution speed to 0.5x, 1x, or 1.5x.
5. Visual Ghost Cursor: A virtual cursor on each Target tab shows exactly where actions land.
6. Role Badges: Floating badges (SOURCE / TARGET / REPLAY) on each tab for clear identification.
7. Full Session Recording: All events are logged with precise timestamps and element selectors.
8. Export Capabilities: Download your session log as JSON or plain text for debugging, documentation, or analysis.
9. 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 multiple staging or production environments side by side.
2. Live demonstrations and presentation broadcasting to multiple screens.
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 across several targets simultaneously.
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.