HTML5 Offline Manifest Stop Caching Página Se declara en

Question

He estado jugando con el archivo de manifiesto de caché y tratando de detener el almacenamiento en caché de la página en la que está declarado.

De HTML5 Rocks

página, el usuario navega a que incluyen un manifiesto se añadirá implícitamente a la caché de la aplicación

Ace. Quiero que el archivo manifiesto almacene en caché artefactos específicos, uno de los cuales es una versión fuera de línea de mi aplicación en línea de una sola página HTML, pero NO para almacenar en caché la versión en línea.

Answer 1

Así es como he resuelto el problema. Mi archivo de manifiesto

CACHE MANIFEST 
# Version 0.1 

CACHE: 
# Minimised Styles 
/css/style.0.1.min.css 

# Minimised JavaScript 
/js/script.0.1.min.js 

FALLBACK: 
//offline.html 

NETWORK: 
* 

Nota todo lo que va a mydomain.com/ cuando esté desconectado ahora ir a /offline.html (de caché)

Ahora, cómo almacenar en caché sólo lo en el archivo de manifiesto, sin incluir la página en línea en mydomain.com/.

ponga el siguiente marco flotante en la parte inferior de la página en mydomain.com/

<iframe src="/offline.html" style="display: none;"></iframe> 

y poner en manifest="myapp.appcache" offline.html.

Esto significa que cuando mydomain.com/ se carga, nunca se almacenará en caché (ya que no hay ningún atributo de manifiesto en la página). Luego, el navegador obtiene el archivo offline.html a través del iframe y todo lo demás que desea almacenar en caché se agrega usando las instrucciones en el archivo de manifiesto, incluida la página offline.html debido a la presencia del atributo HTML.

La única sobrecarga que puedo ver está en la carga de la primera página, el iframe hará una solicitud HTTP adicional, pero una vez que se almacena en caché lo sacará de la memoria caché, por lo que no es un problema enorme.