Automatic browser refresh using LiveReload

LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed. Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.

Getting Started:

Step 1: Get and install the app.

On a Mac:

• Download the latest version — Mavericks-friendly; provides an unlimited free trial and should recognize your Mac App Store license if you have one
• Purchase from the Mac App Store

On Windows:

• Download an alpha version  (browser refreshing; compilation into the same folder; evolving quickly)

Step 2: Add your project folder to LiveReload (via drag-n-drop or by clicking the “+” button).

Step 3: Depending on your workflow and personal preferences, either install browser extensions, or insert a JavaScript snippet, or use a framework-specific plugin. 

Now you should be all set. Open the site in your browser, change a file in your text editor and you should see the browser update. Change a stylesheet, and it should be applied live.

Its Usage:

LiveReload 2 has a very simple goal: to take away the pains of web development. It packs a lot of tiny features to make that happen:

• it works with mobile devices and their simulators (if you use our JavaScript snippet); Adobe Shadow team has even featured Shadow+LiveReload workflow on their blog, and then posted this awesome video demo
• it works with virtually every web language and framework, supporting complex stuff like CSS @imports; v2.3.9+ adds support for the popular prefix-free JS library
• it provides a smooth workflow when your site is running on a remote server if you use one of the supported approaches; it even has a simple built-in web server to serve modified CSS files without waiting for them to get uploaded, as part of the URL override feature
• you can even preview your CSS changes against a live site without uploading anything.

Above information is taken from their official site, so please refer here.

Hope, you enjoyed this Post.