HTML5 Local Storage vs. Sitzungsspeicher

Question

Abgesehen davon, dass es nicht persistent ist und nur für das aktuelle Fenster gültig ist, gibt es weitere Vorteile (Leistung, Datenzugriff usw.) von der Session Storage im Vergleich zur Local Storage?

Answer 1

• sessionStorage verwaltet einen separaten Speicherbereich für jeden Ursprung, der während der Dauer der Seitensitzung verfügbar ist (solange der Browser geöffnet ist, einschließlich Seitenumladungen und -wiederherstellungen)

• localStorage tut dasselbe, aber besteht auch fort, wenn der Browser geschlossen und wieder geöffnet wird.

Ich habe das von Web Storage API übernommen

Answer 2

Leistungsmäßig habe ich (grobe) Messungen keine Unterschiede bei 1000 Schreib- und Lesevorgängen festgestellt

In Bezug auf die Sicherheit würde es intuitiv erscheinen, dass der localStore möglicherweise vor dem sessionStore geschlossen wird, aber ich habe keine konkreten Beweise - vielleicht hat jemand anderes welche?

Funktional stimme ich digitalFresh zu

Answer 3

Ja, Session Storage und Local Storage verhalten sich gleich, außer dass Local Storage die Daten speichert, bis der Benutzer den Cache und die Cookies löscht, während die Session Storage-Daten im System erhalten bleiben, bis wir die Sitzung schließen, d.h. bis wir das Session Storage erstellte Fenster schließen.

Answer 4

Der Vorteil des Session-Speichers gegenüber dem lokalen Speicher ist meiner Meinung nach, dass er in Firefox eine unbegrenzte Kapazität hat und nicht länger als die Sitzung bestehen bleibt. (Natürlich hängt das davon ab, was Ihr Ziel ist.)

Answer 5

Späte Antwort, aber hier sind einige Punkte, die hinzugefügt werden sollen.

Session-Speicher ist nur für einen bestimmten Tab verfügbar, während wir den lokalen Speicher im gesamten Browser verwenden können. Beide sind standardmäßig auf den gleichen Ursprung beschränkt, und wir können auch Werte manuell mit Schlüssel-Wert-Paaren speichern (der Wert muss ein String sein).

Einmal ein Tab (Sitzung) des Browsers geschlossen wird, wird der Session-Speicher auf diesem Tab gelöscht, während wir im Falle des lokalen Speichers ihn explizit löschen müssen. Maximale Speichergrenze beträgt jeweils 5MB und 10MB.

Wir können die Daten wie folgt speichern und abrufen:

Zum Speichern:

sessionStorage.setItem('id', noOfClicks);   // localStorage.setItem('id', noOfClicks);

sessionStorage.setItem('userDetails', JSON.stringify(userDetails));   // falls es sich um ein Objekt handelt

Zum Abrufen:

sessionStorage.getItem('id');    // localStorage.getItem('id');

User user = JSON.parse(sessionStorage.getItem("userDetails")) as User;  // falls es sich um ein Objekt handelt

Zum Ändern:

sessionStorage.removeItem('id');    // localStorage.removeItem('id');

sessionStorage.clear();   // localStorage.clear();

N.B: getItem() gibt auch die Daten als String zurück, und wir müssen sie in JSON-Format umwandeln, um darauf zuzugreifen, falls es sich um ein Objekt handelt.

Sie können hier mehr über Browser-Speicher lesen..

1. Unterschied zwischen localStorage, sessionStorage und Cookies

2. localstorage-vs-sessionstorage