¿Cómo hago que Firefox se actualice automáticamente al cambiar un archivo?

5 minutos de lectura

¿Como hago que Firefox se actualice automaticamente al cambiar un
Carlos Cordero

¿Alguien sabe de una extensión para Firefox, o un script o algún otro mecanismo, que puede monitorear uno o más archivos locales. Firefox se actualizaba automáticamente o actualizaba su lienzo cuando detectaba un cambio (de marca de tiempo) en los archivos.

Para editar CSS, sería ideal si solo se pudiera recargar el CSS, en lugar de volver a renderizar HTML completo.

Efectivamente permitiría un comportamiento similar al de Firebug con su edición dinámica de HTML/CSS, solo a través de archivos externos.

¿Como hago que Firefox se actualice automaticamente al cambiar un
Carlos Cordero

Live.js

Desde el sitio web:

¿Cómo? Simplemente incluya Live.js y monitoreará la página actual, incluidos CSS locales y Javascript, enviando solicitudes HEAD consecutivas al servidor. Los cambios en CSS se aplicarán dinámicamente y los cambios en HTML o Javascript recargarán la página. ¡Intentalo!

¿Donde? Live.js funciona en Firefox, Chrome, Safari, Opera e IE6+ hasta que se demuestre lo contrario. Live.js es independiente del marco de desarrollo o lenguaje que utilice, ya sea Ruby, Handcraft, Python, Django, NET, Java, Php, Drupal, Joomla o lo que sea.

Tiene la gran ventaja de trabajar con IETester, actualizando dinámicamente cada pestaña abierta de IE.

Pruébelo agregando lo siguiente a su <head>

<script type="text/javascript" src="http://livejs.com/live.js"></script>

  • ¡Esto es lo que he estado buscando durante mucho tiempo y funciona de maravilla! Detecta el cambio y el guardado de una página y recarga instantáneamente la página y esto me ahorra mucho tiempo al tener que volver a cargar la página cada vez que hago un cambio. ¡Muchas gracias por compartir!

    – Desarrollador

    15 oct.

  • ¡Wow gracias! También para todos, que lo usarán, tenga en cuenta que Live.js doesn't support the file protocol. It needs http.

    – gorodezkiy

    14 mar. 14 a las 10:24


  • No me funcionó, así que escribí el script php y el script js. Las secuencias de comandos JS realizan una solicitud cada enésimo segundo a la secuencia de comandos php y la secuencia de comandos php verifica si los archivos se modificaron. Si lo hicieron, hágale saber a js que la página debe actualizarse. Puede especificar qué extensiones y qué directorios le gustaría ver. Solo necesita poner dos archivos en su proyecto y listo. Sin dependencias ni software de terceros en su sistema. Más detalles: alexshulzhenko.ru/web-development-autorefresh-page-on-changes

    – Tebe

    26 abr. 15 en 10:40


  • @antongorodezkiy Eso es cierto, pero hay un trabajo simple al cargar el HTML desde dentro python -m SimpleHTTPServer.

    – bluenote10

    22 dic. 16 a las 22:35

  • ¡¡Por qué me tomó tanto tiempo llegar a esta respuesta!!

    – Sau001

    07 nov.

Eche un vistazo a la extensión FileWatcher:
https://addons.mozilla.org/en-US/firefox/addon/filewatcher/

  • es una WebExtension, por lo que funciona con la última versión de Firefox
  • tiene una aplicación nativa (que se instalará localmente) que monitorea los archivos observados en busca de cambios mediante llamadas nativas del sistema operativo (¡sin encuestas!) Y notifica a WebExtension para que pueda recargar la página web
  • la recarga es impulsada por reglas: una regla contiene la URL de la página (con soporte para expresiones regulares) y su inclusión/exclusión local archivos fuente
  • fuente abierta: https://github.com/coolsoft-ita/filewatcher

DESCARGO DE RESPONSABILIDAD: soy el autor de la extensión;)

1643346786 179 ¿Como hago que Firefox se actualice automaticamente al cambiar un
Aamir Shahzad

yo recomendaria vivirjs

Pero tiene seguimiento Ventajas y Desventajas

ventajas:

1. Fácil configuración
2. Funciona a la perfección en diferentes navegadores (Live.js funciona en Firefox, Chrome, Safari, Opera e IE6+)
3. No agregue intervalo irritante para actualizar el navegador, especialmente cuando desea depurar junto con el diseño
4. Solo se actualiza cuando guarda el cambio ctrl + S

5. Guarda directamente CSS, etc. de firebug. No he usado esa función, pero leí en su sitio. http://livejs.com/ que ellos tambien lo apoyen!!!

Desventajas:

1. No funcionará en el protocolo de archivo file:///C:/Users/Admin/Desktop/livejs/live.html

2. Necesitas tener un servidor para ejecutarlo como http://localhost

3. Tienes que quitarlo mientras lo implementas en el escenario/producción
4. No sirve CDN He intentado hacer trampa y aplicar un enlace directo. http://livejs.com/live.js pero no funcionará, debe descargarlo y mantenerlo en local para que funcione.

  • Las desventajas n. ° 1 y n. ° 2 están bien para mí. # 3 se puede solucionar fácilmente con una inclusión condicional del lado del servidor (incluir solo si el dominio = localhost, por ejemplo). Pero peor que todo esto: no puedo hacer que funcione en mi instalación de desarrollo EasyPhp local: ni los encabezados ETag ni Last-Modified parecen cambiar en las actualizaciones de archivos 🙁

    – fpierrat

    03 ene.

1643346787 478 ¿Como hago que Firefox se actualice automaticamente al cambiar un
alysko

Actualizar con firebug.

Firefox tiene una extensión llamada mozRepl.

Emacs puede conectarse a esto, con moz-reload-on-save-mode.

cuando está configurado, guardar el archivo fuerza una actualización de la ventana del navegador.

1643346787 317 ¿Como hago que Firefox se actualice automaticamente al cambiar un
mike buckbee

Hay algunos IDE que contienen esta capacidad (tendrán un panel dentro de ellos o algún otro medio para actualizar automáticamente una página al guardar).

Si quiere hacer esto usted mismo, un truco rápido es configurar el actualización meta en la página a un valor bajo – uno o dos segundos.

# Will refresh the page content every second
<meta http-equiv="refresh" content="1" />

Simplemente puede colocar un intervalo de javascript en su página, hacer que consulte un script local que verifique la última fecha de modificación del archivo css y lo actualice si cambió.

Ejemplo de jQuery:

var modTime = 0;
setInterval(function(){
  $.post("isModified.php", {"file":"main.css", "time":modTime}, function(rst) {
    if (rst.time != modTime) {
      modTime = rst.time;
      // reload style tag
      $("head link[rel="stylesheet"]:eq(0)").remove();
      $("head").prepend($(document.createElement("link")).attr({
          "rel":"stylesheet",
          "href":"http://sstatic.net/mso/all.css?v=4372"
        })
      );
    }
  });
}, 5000);

  • Sí, seguro que podría. Aunque requeriría que jQuery se cargara en la página.

    – Sansón

    28 ago. 2009 a las 15:30

  • @CharlesRoper Este es el bookmarklet que estabas buscando: pagereboot.com

    – Evan Morán

    11 mar. 13 en 18:41

.

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad