location.reload with cache

Question

Si tiene un título mejor para esta pregunta, siéntase libre de editarlo.

Durante mucho tiempo, siempre he usado location.reload() para volver a cargar la página, es lo más lógico que hacer, ¿no?

Pero recientemente me di cuenta de que no es el equivalente a F5, como había pensado al principio, sino más de Ctrl + F5. Todas las imágenes y otros archivos vinculados se volvieron a solicitar del servidor, cuando todo lo que quería hacer era volver a cargar la página.

Descubrí que podía usar location.replace(location.href) y esto parece lograr el efecto que quiero: volver a cargar la página pero recuperar los archivos vinculados de la memoria caché.

¿Es esto ideal? ¿Hay una mejor manera que esto? ¿He pasado por alto las trampas que este método puede tener?

(nota: Ya tengo gestión de almacenamiento en memoria caché de archivos vinculados, tales como scripts, añadiendo el filemtime como una cadena de consulta)

Answer 1

En respuesta a mi propia pregunta, hay una trampa masiva: Cuando la ubicación contiene un hash, el navegador saltará a ese hash en lugar de volver a cargar la página.

La solución que he implementado es el siguiente:

reload = (function() { 
    var m = location.search.match(/[?&]__hash=([^&]+)/); 
    if(m) location.hash = unescape(m[1]); 
    return function() { 
      var h = location.hash; 
      if(h == "") { 
        location.replace(location.href); 
      } 
      else { 
        var s = location.search; 
        s = s.replace(/[?&]__hash=[^&]+/,''); 
        s += (s == "" ? "?" : "&")+"__hash="+escape(h); 
        location.replace(location.pathname+s); 
      } 
    }; 
})(); 

Suponiendo que nada en el lado del servidor utiliza $_GET['__hash'], esto puede ser utilizado con seguridad.