html - gratis - firefox quantum español
¿Cómo realizo la actualización automática de Firefox en el cambio de archivo? (9)
Auto Reload es una extensión de Firefox que supervisa los cambios de archivos locales y actualiza el navegador:
¿Alguien sabe de una extensión para Firefox, o un script o algún otro mecanismo, que pueda monitorear uno o más archivos locales? Firefox actualizaría automáticamente o actualizaría su lienzo cuando detectara un cambio (de marca de tiempo) en los archivos.
Para editar CSS, sería ideal si solo se pudiera volver a cargar el CSS, en lugar de volver a procesar HTML completo.
Efectivamente, permitiría un comportamiento similar a Firebug con su edición dinámica de HTML / CSS, solo a través de archivos externos.
Creo que puedes resolverlo usando algunas peticiones ajax después de un intervalo determinado. Puede hacer una solicitud a los archivos CSS y luego, si no obtiene el encabezado "no modificado", borre su CSS y la cargue nuevamente. Para los archivos dinámicos, realiza una solicitud y almacena la respuesta y luego, cada vez que realiza una solicitud a ese archivo, compara la respuesta a la última.
Firefox tiene una extensión llamada mozRepl.
Emacs puede conectarse a esto, con moz-reload-on-save-mode.
cuando está configurado, al guardar el archivo se fuerza una actualización de la ventana del navegador.
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 establecer la actualización de 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 podría colocar un intervalo de javascript en su página, hacer que consulte un script local que verifique la última fecha modificada del archivo css y lo actualice si cambia.
jQuery Ejemplo:
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);
Yo recomendaría Live.js
Pero tiene las siguientes ventajas y desventajas
Ventajas:
1. Fácil instalación
2. Funciona a la perfección en diferentes navegadores (Live.js funciona en Firefox, Chrome, Safari, Opera e IE6 +)
3. No agregue un intervalo irritante para refrescar el navegador especialmente cuando quiera depurar junto con el diseño
4. Solo refrescante cuando guardes ctrl + S cambio
5. Guarda directamente CSS, etc. de Firebug. No he usado esa característica, pero leí en su sitio Live.js que también la soportan.
Desventajas:
1. No funcionará en el archivo de protocolo de file:///C:/Users/Admin/Desktop/livejs/live.html
2. Necesita tener un servidor para ejecutarlo como http://localhost
3. Tienes que eliminarlo durante la implementación en etapas / producción
4. No sirve para CDN. He intentado copiar y aplicar el enlace directo http://livejs.com/live.js pero no funcionará, tienes que descargar y seguir de local a trabajo.
Xrefresh con firebug.
Browsersync puede hacer esto desde el lado del servidor / fuera del navegador.
Esto puede lograr resultados más repetibles / cosas que no requieren tanto clic.
Esto servirá una página y actualizará el cambio
cd static_content
browser-sync start --server --files .
También permite un modo de scripting.
Desde el sitio web:
¿Cómo? Simplemente incluya Live.js y supervisará la página actual incluyendo CSS y Javascript locales 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!
¿Dónde? 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 del idioma que uses, ya sea Ruby, Handcraft, Python, Django, NET, Java, Php, Drupal, Joomla o lo que quieras.
Tiene la gran ventaja de trabajar con IETester , actualizando dinámicamente cada pestaña de IE abierta.
Pruébelo agregando lo siguiente a su <head>
<script type="text/javascript" src="http://livejs.com/live.js"></script>