Media
6 items
Description
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 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). Settings: 1. Click the gear icon in the extension popup to open Settings. 2. Choose what gets mirrored - password fields, mouse movement, scrolling, and keystrokes can each be turned off. 3. Toggle the visual overlays - hide the ghost cursor or the role badges for clean screenshots and demos. 4. Tune playback - switch between smooth and instant scrolling, and set the scroll debounce. 5. Set a staggered tab opening delay so target tabs open one after another instead of all at once. Every setting is saved automatically and applies to a running session immediately - no restart needed. 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. 10. Configurable Settings: Decide what gets mirrored, hide the overlays, and tune playback - saved automatically and applied to running sessions instantly. 11. Staggered Tab Opening: Open target tabs one delay apart instead of all at once - ideal for sites that rate-limit a burst of simultaneous loads. Each waiting tab shows a live countdown until its turn. 12. Password Field Protection: Turn off password mirroring to keep credentials out of your Target tabs and exported session logs. 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. 6. Rate-limited environments: stagger tab opening so several targets load one at a time instead of hitting a site all at once. Privacy: MirrorTab works entirely within your browser. No data is sent to any external server. Session data and your settings stay local and are only saved directly to Chrome storage to survive browser restarts. Password fields can be excluded from mirroring and exports in Settings.