Live.js vs Ghostlab

Once the monitored .css file is saved, changes are implemented without reloading the whole page.

Live.js has multiple browser support, it supports Chrome, Firefox, Opera, Safari and IE6+. Basically almost all the browsers that are currently in use.

Setting up Live.js is extremely easy, the developer either adds the live.js script inside their page, or if they want to monitor only CSS changes, they can add the bookmark that is found on the Live.js homepage.

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.