Estoy desarrollando una aplicación web y tengo un problema extraño en el que los navegadores de mis evaluadores obtienen archivos JavaScript más nuevos pero usan archivos HTML almacenados en caché.

Mis scripts tienen parámetros de consulta, que actualicé cuando presioné un nuevo archivo HTML, para asegurarme de que el navegador no esté usando un código antiguo en caché:

<script src="code.js?version=1></script>

Cuando actualizo code.js , también incremento el parámetro de version en la etiqueta del script en page.html .

Mis evaluadores tienen errores en Chrome en Android. Cuando Chrome se vuelve a abrir desde el fondo después de enviar una nueva versión de ambos archivos, aparentemente Chrome obtiene el nuevo code.js pero usa el page.html almacenado en caché.

Esto es problemático cuando el nuevo JavaScript hace referencia a elementos HTML recién agregados que no existen en la versión en caché de page.html .

¿Bajo qué circunstancias volvería a buscar el navegador un archivo JavaScript cuando, por lo que sabe, la página HTML en sí no se ha modificado? El archivo HTML todavía apunta a la cadena de consulta de la versión anterior, entonces, ¿no debería existir esa ruta exacta en el caché?

Desde entonces, migré a usar RewriteMod para permitirme inyectar números de versión en los nombres de archivo, pero aún me gustaría entender por qué los archivos con cadenas de consulta no se recuperan del caché cuando la cadena de consulta no ha cambiado.