Friday 8 November 2013

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:
On Windows:
    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:
    Above information is taken from their official site, so please refer here.

    Hope, you enjoyed this Post.

    No comments:

    Post a Comment