Livejs es una herramienta fantástica para diseñar nuestras web en el navegador con un flujo ágil. Es un script que se encarga de actualizar los cambios de CSS, JS y HTML sin tener recargar el navegador.
Simplemente guarda los cambios mientras trabajas en tu editor de código, y al instante se verán reflejados en el navegador sin tener que actualizar. En el CSS los cambios se producen en vivo; en Javascript y el HTML se recarga automáticamente el navegador al guardar el proyecto.
Según dicen en su web, el plugin trabaja en los principales navegadores Firefox, Chrome, Safari, Opera e IE6 o superior.
Después de haber intentado utilizar algún que otro plugin para el navegador y para el editor de código que suelen fallar más que una escopeta de feria, creo que me he enamorado de esta herramienta ya que funciona a la perfección.
Para usarlo lo podemos descargar desde livejs.com, lo colocamos en nuestro proyecto y lo llamamos en el
head
de nuestro documento HTML. Ya está, así de fácil.
<!-- Live refresh CSS, HTML and JS in browser. --> <script src="js/live.js"></script>
Eso sí, cuando acabes y subas la web a producción borra el script o coméntalo que ya no lo necesitarás.