Instal.lar LiveReload al Firefox

maig 18, 2017

Es tracta d’un plugin molt útil per quan estem desenvolupant. Normalment quan fem un canvi en el nostre projecte web per veure un canvi hem de recarregar el navegador per veure la modificació, aquest plugin detecta i actualitza per tal de mostrar en viu els canvis fets.

El podem descarregar des de la pàgina oficial http://livereload.com/, o com estic treballant amb Sublime text, des de

  • Tools –> Command Palette : posem install packpage
  • Tornen a tools de nou –> LiveReload

Ara hem d’instal.lar l’extensió al navegador. Anem a les extensions del Firefox, i busquem LiveReload, instal.lem i reiniciem.

Ara hem de personalitzar la barra de navegació del Firefox, per afegir la icona de LiveReload. En situem al menú superior, i amb el botó dret premem “personalitza”. En l’editor de configuració arrosseguem la icona de LR amb la resta de icones:

Per activar-lo haurem de prémer el boto (s)

Preparem un projecte, amb un arxiu index.html:

Teòricament hauria de funcionar fem un canvi a l’index i guardar,s’haurien de veure els canvis automàticament, sense refrescar ni prémer F5.

Seguint els tutorials que he trobat però a mi no em funciona, si us passa com a mi podeu provar de fer els següents passos

  • Anem a Sublime Text –> preferences –> packpage Settings –> LiveReload –>Plugins –> Enable

  • Veurem a baix com s’ha activat LiveReload
  • Ara configurem perquè quan guardem el document s’actualitzi:

Ara si que ja ho tenim tot, modifiquem l’index.html i automàticament s’actualitza al navegador:

Feel free to share...Share on Facebook
Facebook
Share on Google+
Google+
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin


Deixa un comentari

L'adreça electrònica no es publicarà.