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

localStorage und sessionStorage erweitern beide Storage. Es gibt keinen Unterschied zwischen ihnen, außer der beabsichtigten "Nicht-Dauerhaftigkeit" von sessionStorage.

Das heißt, die in localStorage gespeicherten Daten bleiben erhalten, bis sie explizit gelöscht werden. Gemachte Änderungen werden gespeichert und sind für alle aktuellen und zukünftigen Besuche auf der Website verfügbar.

Für sessionStorage sind Änderungen nur pro Tab verfügbar. Gemachte Änderungen werden gespeichert und sind für die aktuelle Seite in diesem Tab verfügbar, bis er geschlossen wird. Sobald er geschlossen ist, werden die gespeicherten Daten gelöscht.

Answer 2

Der einzige Unterschied besteht darin, dass localStorage eine andere Ablaufzeit hat; sessionStorage ist nur zugänglich, solange und von dem Fenster aus, das es geöffnet hat.
localStorage bleibt bestehen, bis du es löschst oder der Benutzer es löscht.
Angenommen, du möchtest einen Login-Benutzernamen und ein Passwort speichern, dann würdest du aus Sicherheitsgründen sessionStorage anstelle von localStorage verwenden (z. B. wenn eine andere Person zu einem späteren Zeitpunkt auf ihr Konto zugreifen würde).
Aber wenn du die Einstellungen eines Benutzers auf seinem Gerät speichern möchtest, würdest du wahrscheinlich localStorage verwenden. Alles in allem:

localStorage - verwenden für langfristige Nutzung.
sessionStorage - verwenden, wenn du etwas speichern musst, das sich ändert oder vorübergehend ist

Answer 3

Ein paar weitere Punkte, die hilfreich sein könnten, um die Unterschiede zwischen lokalem und Session-Speicher zu verstehen

1. Sowohl lokaler Speicher als auch Session-Speicher sind auf den Dokumentenursprung beschränkt, also

   https://mydomain.example/
   http://mydomain.example/
   https://mydomain.example:8080/

   All diese URLs werden nicht den gleichen Speicher teilen. (Beachten Sie, dass der Pfad der Webseite den web storage nicht beeinflusst)

2. Session-Speicher unterscheidet sich auch für das Dokument mit der gleichen Ursprungsrichtlinie, das in verschiedenen Registerkarten geöffnet ist, daher können dieselbe Webseite in zwei verschiedenen Registerkarten nicht denselben Session-Speicher teilen.

3. Sowohl lokaler als auch Session-Speicher sind auch von Browserherstellern abhängig. Daher kann von IE gespeicherte Daten nicht von Chrome oder FF gelesen werden.

Answer 4

Der Hauptunterschied zwischen localStorage und sessionStorage ist, dass sessionStorage pro Tab einmalig ist. Wenn Sie den Tab schließen, wird der sessionStorage gelöscht, localStorage nicht. Außerdem können Sie nicht zwischen Tabs kommunizieren :)

Ein weiterer subtiler Unterschied besteht darin, dass beispielsweise in Safari (8.0.3) localStorage eine Begrenzung von 2551 k Zeichen hat, aber sessionStorage unbegrenzten Speicher hat

In Chrome (v43) sind sowohl localStorage als auch sessionStorage auf 5101 k Zeichen begrenzt (kein Unterschied zwischen Normal- / Inkognito-Modus)

In Firefox sind sowohl localStorage als auch sessionStorage auf 5120 k Zeichen begrenzt (kein Unterschied zwischen Normal- / privatem Modus)

Überhaupt kein Unterschied in der Geschwindigkeit :)

Es gibt auch ein Problem mit Mobile Safari und Mobile Chrome, im Privatmodus haben Safari und Chrome einen maximalen Speicherplatz von 0 KB

Answer 5

sessionStorage ist das Gleiche wie localStorage, außer dass es die Daten nur für eine Sitzung speichert und sie entfernt werden, wenn der Benutzer das Browserfenster schließt, das es erstellt hat.