Domanda

Da questo slideshow http://slides.html5rocks.com/#slide8 e da Chrome: Visualizza> sviluppatore> Developer Tools> scheda Archiviazione,

Ho imparato che ci sono almeno 4 tipi di stoccaggio del browser: Basi di dati, archiviazione locale, Sessione di archiviazione, biscotti (Lì più sono?)

Quali sono le differenze? Quando devo usare uno sopra l'altro?

Per esempio, se un sito vuole memorizzare le preferenze dell'utente, quale metodo di stoccaggio dovrebbe sito dire al browser di utilizzare?

È stato utile?

Soluzione

Sono tutti di storage lato browser per fornire offline / meccanismi di cache per applicazioni web / siti:

  • memorizzazione locale : semplice memorizzazione dei valori-chiave, i dati sono sempre memorizzati come stringhe. Gli stessi dati è accessibile a tutti le pagine del dominio e rimane persistente anche dopo aver chiuso il browser.
  • memorizzazione delle sessioni :. Stesso, ma è locale per un'URL e ad una sessione del browser (soppresso dal browser vicino)
  • database SQL (aka WebSQL):. Memorizzazione in un DB locale, è possibile accedere richieste SQL ... sembra già deprecato come IE e Firefox hanno dichiarato che non implementarlo

Forse Sentirete anche presto su IndexedDB (ora supportato su IE 10, FF e Chrome), che è una sorta di locale / sessionStorage, ma che può essere utilizzato per memorizzare oggetti invece di JavaScript solo le stringhe.

Altri suggerimenti

La cosa si sta chiedendo è di circa il Web Storage, che è fondamentalmente un Web Storage HTML. Local Storage-Usato come memoria volatile (non ha scadenza) Sessione bagagli - Fino ad una sessione è in uso o di una scheda è aperto IndexedDB - Una volta utilizzato, è necessario cancellare manualmente (Storia o andare in memoria) WebSQL - Vecchio ma ancora utilizzato le stesse query SQL - Non è una parte della specifica HTML5 ora. Cookies - sono i più comuni per salvare piccolo su dei dati, sono utilizzati da tutti sul sito e in questi giorni ogni sito utilizzando dovrebbe chiedere autorizzazioni utente. Quel GDPR BTW!

Immagine da Chrome Developer Tools

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top