Home-theater-designers
Il meccanismo localStorage fornisce un tipo di oggetto di archiviazione Web che consente di archiviare e recuperare i dati nel browser. È possibile archiviare e accedere ai dati senza scadenza; i dati saranno disponibili anche dopo che un visitatore chiude il tuo sito.
Normalmente accedi a localStorage usando JavaScript. Con una piccola quantità di codice, puoi creare un progetto di esempio, come un contatore di punteggi. Questo mostrerà come archiviare e accedere ai dati persistenti utilizzando solo il codice lato client.
Che cos'è localStorage in JavaScript?
L'oggetto localStorage fa parte dell'API di archiviazione Web supportata dalla maggior parte dei browser Web. Puoi archiviare i dati come coppie chiave-valore utilizzando localStorage. Le chiavi e i valori univoci devono essere nel formato stringa DOM UTF-16.
Se vuoi archiviare oggetti o array, dovrai convertirli in stringhe usando il file JSON.stringify() metodo. Puoi archiviare fino a 5 MB di dati in localStorage. Inoltre, tutte le finestre con la stessa origine possono condividere i dati localStorage di quel sito.
Un browser non cancellerà questi dati anche quando un utente lo chiude. Sarà disponibile per il sito Web che lo ha creato durante qualsiasi sessione futura. Tuttavia, non dovresti usare localStorage per dati sensibili poiché altri script in esecuzione sulla stessa pagina possono accedervi.
localStorage vs. sessionStorage
Il localStorage e sessionStorage gli oggetti fanno parte dell'API di archiviazione Web che archivia le coppie chiave-valore in locale. Tutti i browser moderni li supportano entrambi. Con localStorage, i dati non scadono anche dopo che un utente chiude il browser. È diverso da sessionStorage che cancella i dati al termine della sessione della pagina. Una sessione di pagina termina quando chiudi una scheda o una finestra.