2012-06-11 8 views
11

Mi viene un po 'confuso dalla terminologia (varia) per la memorizzazione offline HTML5.AppCache = Application Cache = LocalStorage dell'archivio Web?

penso che AppCache è un altro nome per Web Storage e si specifica che cosa sarà memorizzata offline tramite il Manifesto cache. E ci sono due tipi: LocalStorage (persiste oltre la sessione corrente) e archiviazione di sessione (che non persiste oltre la sessione corrente).

Quanto sopra è quello che sto leggendo da W3C e da wikipedia, ma Head First HTML5 di programmazione (Freeman & Robinson) descrive LocalStorage in profondità, poi ha Web Storage (con informazioni sulla cache manifesta) in appendice ("le cose che non coprire).

Perchè sono la comprensione di questo correttamente?

risposta

22

WebStorage è la possibilità in HTML5 per memorizzare i dati su lato client (pensate a come i cookie, ma di solito con 5 MB di spazio disponibile). il Esistono due modi per archiviare i dati (scope):

  1. Solo per una sessione fino a quando il browser ottenere chiuso (SessionStorage)
  2. Per un periodo di lunga data, anche se il browser ottiene chiuso e l'arresto del padrone di casa

http://diveintohtml5.info/storage.html


AppCache è l'HTML5 - possibilità di memorizzare l'intera web-app (pagine, immagini, css, JavaScript) nel browser per renderla disponibile anche se il client non ha alcuna connessione a Internet.

http://appcache.offline.technology/


+3

Il sito AppCacheFacts.info è FANTASTICO! –

+2

Si noti che la cache dell'applicazione ora è deprecata. https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache –

5

LocalStorage:

  1. LocalStorage viene utilizzato per salvare i dati intermedi in lato client senza l'utilizzo di cookie.
  2. Salva i dati sotto forma di coppie chiave-valore
  3. I dati salvati rimangono nel browser fino a quando non viene rimosso esplicitamente. Se non rimosso, sarà disponibile per anni.
  4. memoria 5Mb

AppCache:

  1. applicazioni HTML5 offre funzionalità di applicazioni offline salvando pagina html e file correlati (css, js ..) a livello locale in AppCache. Questi file verranno utilizzati per eseguire il rendering della pagina quando la connessione di rete non è disponibile. L'applicazione presenterà un file manifest contenente l'elenco di file da scaricare per il rendering delle funzionalità dell'applicazione offline. Se c'è un cambiamento nel file manifest (qualsiasi file viene aggiunto/rimosso dall'applicazione), verrà scaricato il nuovo set di file. Il vecchio file verrà sostituito da quelli nuovi una volta che si fa clic su ricarica.
  2. Salva i file come dati - html, js, css, ecc.
  3. I dati salvati saranno disponibili fino a quando non si fa clic su ricaricare o fino a quando il browser non viene chiuso.
  4. La memoria varia in base al browser.Vedi http://grinninggecko.com/2011/02/24/developing-cross-platform-html5-offline-app-1/