Browsersync vs Ghostlab

It is not constrained to a single device, it works across desktop and mobile devices at the same time. It will update code changes, synchronize scroll positions and form inputs automatically across all browsers and devices.

When filling out a form in one browser, same information will be repeated in other browsers.

Browser-Sync has been tested to work with desktop (Chrome, Firefox, IE 7-10, Safari, Opera) and mobile (Android, iOS, Windows Phone, Opera Mobile, Firefox Mobile) browsers.

Works on Windows, Linux and OS X.

Once the monitored .css file is saved, changes are implemented without a refresh.

Licensed under MIT.

Remembers scroll position and synchronize it across all browsers so you don't have to move to the appropriate part of the page after each reload.

To install as a standalone npm package

npm install -g browser-sync

To install as a grunt-plugin

npm install grunt-browser-sync

When navigating in one browser, other browsers will automatically follow to the same place.

BrowserSync does not require a browser plugin to be installed. This is because it serves the files directly itself, and uses a script which opens a socket between the browser and the server.

Browser-Sync works with all supported IE versions - IE7 and up.

Doesn't need any additional software or browser extensions to be installed on any device. If every device is pointed to the IP address that it provides it will automatically reload that page on every file change.

Ghostlab offers a testing page which when opened displays a lot of useful information. Such as, but not limited to: viewport width and height, user agent string, pixel ratio etc...

Every time the page is reloaded on a device, it's automatically reloaded on every other device connected. It also registers scrolls, form inputs and clicks across different devices and automatically synchronizes them to each connected device.

Ghostlab offers developers the opportunity to test their site in multiple browsers and devices at the same time. Once the Ghostlab server is deployed, it offers an IP address running on port 8080 which automatically reloads on every file change.

Setting up GhostLab is very easy, by simply dragging a URL or a local folder it creates automatically a new site entry and is ready to work.

It can then be named or choose the specified file extensions that need to be watched.

Ghostlab utilizes weinre, an open-source remote debugger to remotely inspect the code on different devices. By double clicking the device name that needs to be inspected, and clicking the 'Debug' button, Ghostlab opens a Chrome inspector which can inspect any item in the page of the device and manipulate the CSS and HTML.