La vida es demasiado corta para estar actualizando tu navegador.

LiveReload es una aplicación que te permite actualizar tu navegador automáticamente cada vez que se modifica un archivo, incluso compilando desde Sass / Less / CoffeeScript.

En pocas palabras, te ahorra el tedioso a muerte “Alt-Tab F5″.

Instalación y configuración

La instalación en Mac OS o Windows es bastante sencilla, aunque la situación se vuelve un poco más delicada con Linux (¡sorpresa, sorpresa!), donde se hace necesario utilizar la versión 1.9 de Ruby:

sudo apt-get install ruby1.9.1 ruby1.9.1-dev

Ya puedes utilizar RubyGems para obtener la aplicación. Dentro de tu carpeta de proyecto, ejecuta:

sudo gem install bundle

sudo gem install guard

sudo gem install guard-livereload

bundle init

Ahora edita el recién creado Gemfile y añade las siguientes dos líneas:

gem guard

gem guard-livereload

bundle exec guard init livereload

Monitorización de ficheros y extensiones del navegador

Tu Guardfile generado incluye algunas carpetas predefinidas a través de expresiones regulares que podrías tener que modificar si lo tuyo no es un proyecto Rails.

Arranca el servidor Guard:

$ bundle exec guard

Guard uses NotifySend to send notifications.

Guard is now watching at '/home/me/workspace/project'

LiveReload 1.6 is waiting for a browser to connect.

>

En este punto nadie te impide crujir nudillos y empezar a probarlo…

Descarga la extension LiveReload para tu navegador (Chrome, Firefox) y entra en la configuración (click con el botón derecho -> opciones) para especificar el hostname y puerto utilizado por el servidor Guard (por defecto localhost:35729).

Una vez habilitado, el servidor guard-livereload se conectará:

> Browser connected.

Browser URL: http://mymachine:myport/

¡Disco!

Si has llegado hasta aquí, todas modificaciones de los archivos monitorizados (CSS stylesheets, imágenes) serán notificadas y aplicadas inmediatamente en el navegador, sin necesidad de refrescar.

Guard viene con muchos sabores diferentes para automatizar tareas en distintos entornos.

Configura el tuyo o sigue este interesante screencast de los creadores de la herramienta.