html - enables - cache.manifest funciona por primera vez y luego falla

manifest cache manifest (3)

Estoy tratando de agregar almacenamiento en caché html 5 a una aplicación web, nada demasiado complejo solo images / css / js.

Cuando cargo la página después de editar el archivo cache.manifest obtengo la siguiente depuración en Chrome 8:

Creating Application Cache with manifest http://example.com/themes/zenmobile/cache.manifest Application Cache Checking event Application Cache Downloading event Application Cache Progress event (0 of 26) http://example.com/themes/zenmobile/plugins/img/toolbar.png Application Cache Progress event (1 of 26) http://example.com/themes/zenmobile/plugins/img/greenButton.png Application Cache Progress event (2 of 26) http://example.com/themes/zenmobile/plugins/jqtouch.transitions.js Application Cache Progress event (3 of 26) http://example.com/themes/zenmobile/plugins/img/back_button_clicked.png Application Cache Progress event (4 of 26) http://example.com/themes/zenmobile/plugins/img/button.png Application Cache Progress event (5 of 26) http://quizible.com/sites/all/modules/jquery_update/replace/jquery.min.js Application Cache Progress event (6 of 26) http://example.com/themes/zenmobile/plugins/img/grayButton.png Application Cache Progress event (7 of 26) http://example.com/themes/zenmobile/plugins/img/chevron_circle.png Application Cache Progress event (8 of 26) http://example.com/themes/zenmobile/plugins/img/on_off.png Application Cache Progress event (9 of 26) http://example.com/themes/zenmobile/plugins/jqtouch.js Application Cache Progress event (10 of 26) http://example.com/themes/zenmobile/layout.css Application Cache Progress event (11 of 26) http://example.com/themes/zenmobile/plugins/img/chevron.png Application Cache Progress event (12 of 26) http://example.com/themes/zenmobile/plugins/img/rowhead.png Application Cache Progress event (13 of 26) http://example.com/themes/zenmobile/zenmobile.css Application Cache Progress event (14 of 26) http://example.com/themes/zenmobile/plugins/img/loading.gif Application Cache Progress event (15 of 26) http://example.com/themes/zenmobile/plugins/img/redButton.png Application Cache Progress event (16 of 26) http://example.com/themes/zenmobile/plugins/img/activeButton.png Application Cache Progress event (17 of 26) http://example.com/themes/zenmobile/images/bg_body.png Application Cache Progress event (18 of 26) http://example.com/themes/zenmobile/plugins/theme.css Application Cache Progress event (19 of 26) http://example.com/themes/zenmobile/plugins/img/toggle.png Application Cache Progress event (20 of 26) http://example.com/themes/zenmobile/plugins/img/whiteButton.png Application Cache Progress event (21 of 26) http://example.com/themes/zenmobile/plugins/img/toggleOn.png Application Cache Progress event (22 of 26) http://example.com/themes/zenmobile/plugins/jqtouch.css Application Cache Progress event (23 of 26) http://example.com/themes/zenmobile/plugins/img/button_clicked.png Application Cache Progress event (24 of 26) http://example.com/themes/zenmobile/plugins/img/back_button.png Application Cache Progress event (25 of 26) http://example.com/themes/zenmobile/plugins/img/blueButton.png Application Cache Progress event (26 of 26) Application Cache Cached event

Cuando vuelvo a actualizar la página, todos los css / images / js no se cargan y el registro de la consola arroja:

Document was loaded from Application Cache with manifest http://example.com/themes/zenmobile/cache.manifest Application Cache Checking event Application Cache NoUpdate event

Entonces una carga de ''falló al cargar el recurso''

Aparte de esta salida, no he encontrado nada útil para tratar de arreglar esto. ¿Alguien ha visto esto antes?

Los manifiestos html5 son difíciles de tratar. Si funciona en un navegador, podría no funcionar en otro

1) Busca en tu pestaña de recursos para ver qué recurso está causando el error (usando firebug o webkit)
2) He descubierto que cambiar el nombre del manifiesto con cada implementación ayuda a garantizar que los navegadores detecten un cambio.

¿Está cargando otros recursos que no están en su archivo de manifiesto? Intente enumerarlos todos y ver si continúa teniendo el problema.

Tenía el mismo problema. Poner esto en la parte inferior lo solucionó para mí:

NETWORK: *

Y para solucionar los problemas que la mayoría de la gente está teniendo con las actualizaciones de manifiesto, este enfoque funciona muy bien para mí:

Fije el archivo de manifiesto y todos los recursos almacenados en caché con un número de versión en la url, y también configure el contenido del manifiesto para que haga referencia a ese número de versión. Al igual que:

<html manifest="path/to/cache.manifest?v=42">

CACHE MANIFEST #rev ?v=42 /css/foo.css?v=42 /css/bar.css?v=42 /js/script.js?v=42

Lo hemos automatizado para nosotros, así que con una nueva implementación simplemente elevo el número por 1 (en algún lugar en un archivo de configuración que he leído) y se ve afectado en todos los archivos mencionados. Cada solicitud del navegador no solo detectará el cambio del archivo de manifiesto, sino que también hará que se vuelva a cargar (y almacenar en caché) cada recurso mencionado, actualizando así la aplicación completa.