HTML5 Offline Manifest Stop Caching della pagina È dichiarato

Question

Ho giocato con il file manifest della cache e ho cercato di arrestarlo nella cache della pagina su cui è stato dichiarato.

Da HTML5 Rocks

qualsiasi pagina, l'utente si sposta a che includono un manifesto saranno implicitamente aggiunto alla cache dell'applicazione

Ace. Voglio che il file manifest memorizzi nella cache specifiche risorse, una delle quali è una versione offline della mia app HTML per pagina singola online, ma NON per memorizzare nella cache la versione online.

Answer 1

Ecco come ho risolto il problema. Il mio file manifesto

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 tutto ciò che va a mydomain.com/ in modalità offline passerà ora al /offline.html (dalla cache)

Ora, come memorizzare nella cache solo ciò che è nel file manifest, senza includere la pagina online su mydomain.com/.

inserire il seguente iframe nella parte inferiore della pagina a mydomain.com/

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

e mettere in manifest="myapp.appcache" offline.html.

Ciò significa che quando viene caricato mydomain.com/ non verrà mai memorizzato nella cache (poiché non esiste alcun attributo manifest sulla pagina). Quindi il browser va a ottenere il file offline.html tramite l'iframe e tutto il resto che si desidera venga aggiunto nella cache utilizzando le istruzioni nel file manifest, inclusa la pagina offline.html a causa della presenza dell'attributo HTML.

L'unico sovraccarico che riesco a vedere è il caricamento della prima pagina, l'iframe effettuerà una richiesta HTTP aggiuntiva, ma una volta memorizzato nella cache lo prenderà dalla cache, quindi non un grosso problema.