archivos de recarga de JavaScript sin actualizar HTML

Question

Tengo un código HTML que carga varios archivos Javascript:

<script src="assets/js/a.js"></script> 
<script src="assets/js/b.js"></script> 
<script src="assets/js/jquery.min.js"></script> 

Como puedo depurar/probar mi Javascripts en la consola de mi navegador, es posible para volver a cargar estos archivos Javascript sin necesidad para volver a cargar la página HTML completa?

Answer 1

Nope (al menos no sin un truco), de hecho, tenga mucho cuidado al volver a cargar tanto. Es muy posible que tus javascripts se almacenen en caché, lo que lleva a muchos dolores de cabeza al intentar depurar, ya que tus actualizaciones no se están aplicando.

https://superuser.com/questions/36106/force-refreshing-only-javascript-files-in-firefox-and-chrome

Answer 2

Se puede quitar y volver a añadirlos:

$('script').each(function() { 
    if ($(this).attr('src') !== 'assets/js/jquery.min.js') { 
     var old_src = $(this).attr('src'); 
     $(this).attr('src', ''); 
     setTimeout(function(){ $(this).attr('src', old_src + '?'+new Date()); }, 250); 
    } 
}); 

Answer 3

Probado con jQuery 2.0.3 y cromo 43

function reloadScript(id) { 

    var $el = $('#' + id); 

    $('#' + id).replaceWith('<script id="' + id + '" src="' + $el.prop('src') + '"><\/script>'); 
} 

Chrome se queja, pero funciona:

XMLHttpRequest sincrónico en el hilo principal está en desuso debido a que uso de sus efectos perjudiciales para la experiencia del usuario final. Para obtener más ayuda, consulte http://xhr.spec.whatwg.org/.

Su etiqueta de secuencia de comandos debe tener una identificación. llamada en la consola:

reloadScript('yourid'); 

no elimina los detectores de eventos, por lo que para, por ejemplo, de clic de botón será ejecutado dos veces si una vez recargado.

Answer 4

Basado en la solución de PitaJ.

Recargue todo el javascript en una función. Puede llamar esto desde cualquier lugar que desee.

$('script').each(function() { 
     if ($(this).attr('src') != undefined && $(this).attr('src').lastIndexOf('jquery') == -1) { 
      var old_src = $(this).attr('src'); 
      var that = $(this); 
      $(this).attr('src', ''); 

      setTimeout(function() { 
       that.attr('src', old_src + '?' + new Date().getTime()); 
      }, 250); 
     } 
    });