Recarga automáticamente los cambios de CSS, JS y HTML en el navegador con Live.js

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.

Deja tu opinión

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

6 thoughts on “Recarga automáticamente los cambios de CSS, JS y HTML en el navegador con Live.js