Livereload

Subpages:

What is Livereload?

Without Livereload

When documenting you usually find yourself repeating these steps over and over again. Steps two and three are annoying and distracting.

  1. Write something, press SAVE

  2. Go to another other window, start the renderer, "have one eye" on it to see whether it has finished.

  3. Go to the browser and press refresh.

    … and continue with 1, 2, and 3 again and again and …

With Livereload

Really concentrate on writing. Rendering will take place automatically in the background and the page in the browser refreshes automatically whenever rendering has finished. Processing will take a frew seconds but takes place without manual intervention. So you just:

1. Write something, press SAVE..
1. Write something, press SAVE.
1. Write something, press SAVE.
1. Write something, press SAVE.

Browser extensions

Chrome

livereload extension for Chrome

../../_images/256-extension-chrome.png

When active (connected to livereload server):

../../_images/257.png

When inactive (not connected):

../../_images/258.png

If connecting doesn't work wait until the background build process has finished and try again.

Firefox

livereload extension for FireFox

When active (connected to livereload server):

../../_images/259.png

When inactive (not connected):

../../_images/260.png

If connecting doesn't work wait until the background build process has finished and try again.