SplitScreen Browser Sync

About

SplitScreen Browser Sync helps you compare two pages side by side in Chrome native Split View by keeping both panes in sync.

It is useful for comparing live and staging websites, testing layout changes, checking responsive differences, reviewing WordPress pages, or working with two versions of the same page at the same time.

The extension works with Chrome’s native Split View feature. When two normal HTTP/HTTPS tabs are placed in the same Split View pair, the extension can detect that pair and keep the two panes connected.

Main features:

Pixel-perfect scroll sync
Scroll one side and the other side follows immediately. The extension syncs the exact scroll position in pixels, not by percentage. This makes it better for comparing pages that should line up visually.

Bidirectional syncing
Both panes can control each other. Scroll the left side and the right side follows. Scroll the right side and the left side follows.

Separate sync per Split View pair
Each Chrome Split View pair is treated separately. If you have multiple split screen pairs open, each pair keeps its own sync state and settings.

Floating in-page controls
When you are inside a valid Split View pair, a small floating button appears on the page. From there you can open the sync controls for that split screen.

Toolbar popup
The extension icon opens a small settings popup. Here you can control whether the floating button should always appear on split screens, show or hide the button for the current split screen, and set default options for new sessions.

Start, stop, and sync all
You can start sync for the current split screen, stop sync again, or sync all valid Split View pairs in the current Chrome window.

Reload left and right
The floating panel includes separate reload buttons for each pane. You can reload the left pane or right pane without reloading the other side.

Hard reload left and right
You can also hard reload either pane separately. This is useful when checking CSS, JavaScript, caching issues, or staging changes.

Offset control
You can add a scroll offset in pixels. For example, if one page has a sticky header or a slightly different top spacing, you can enter an offset so both pages visually line up better. The offset can be reset back to 0 at any time.

Hide WordPress admin bar
There is an option to temporarily hide the WordPress admin bar while sync is active. This helps when comparing a logged-in WordPress page against another version of the same page, because the admin bar often shifts the layout down.

Sync navigation
When navigation sync is enabled, clicking or navigating on one side opens the same path on the other side while keeping each side’s own domain.

Example:
Left side: https://live-site.com/about/
Right side: https://staging-site.com/about/

If you navigate the left side to /contact/, the right side opens /contact/ on the staging domain. This is useful for comparing live and staging websites without manually copying URLs.

Mirror clicks
When mirror clicks is enabled, clicks on one pane are reproduced on the other pane. This can help with menus, accordions, buttons, tabs, popups, modals, and other interactive elements.

Mirror hover effects
When mirror hover effects is enabled, hover states are reproduced on the other pane. This helps when checking hover styles, dropdown menus, buttons, links, and other hover-based UI elements.

Settings for new sessions
You can set default options for new split screen pairings, including:
Hide WordPress admin bar
Sync navigation
Mirror clicks
Mirror hover effects

These defaults are stored locally in Chrome and applied when a new Split View pair is detected.

Keyboard shortcuts
The extension also includes keyboard shortcuts:
Alt + Shift + S: Start sync for the current Split View
Alt + Shift + A: Start sync for all Split Views in the current window
Alt + Shift + X: Stop sync for the current Split View
Alt + Shift + R: Hard reload the active pane

You can change these shortcuts in Chrome at:
chrome://extensions/shortcuts

How it works:

The extension detects Chrome native Split View pairs and checks if exactly two normal HTTP/HTTPS tabs are in the same pair. When sync is started, it connects those two panes and sends scroll, navigation, click, and hover actions between them depending on the options you enable.

Scroll syncing is direct and pixel-based. There is no smooth animation or delayed easing, so the second pane follows immediately.

The extension only works on normal websites using HTTP or HTTPS. It does not work on chrome:// pages, extension pages, file:// pages, or Chrome Web Store pages.

No account is needed. Settings are stored locally in Chrome.