Web Storage in HTML

Die Web Storage API ermöglicht es, Daten im Browser des Nutzers ohne Serververbindung zu speichern. Es gibt zwei Typen: localStorage und sessionStorage.

Speichertypen

localStorage speichert Daten auch nach dem Schließen des Browsers. sessionStorage speichert Daten nur für die aktuelle Tabsitzung.

Verwendung von localStorage

localStorage speichert Schlüssel-Wert-Paare, die erhalten bleiben, bis sie vom Nutzer oder durch Code gelöscht werden. Die Daten sind auf allen Seiten derselben Domain verfügbar.

Verwendung von sessionStorage

sessionStorage funktioniert ähnlich wie localStorage, aber die Daten bleiben nur erhalten, solange der Tab geöffnet ist. Wird der Tab geschlossen, gehen sie verloren.

Praktische Anwendungsfälle

- Temporäre Warenkorbdaten - Benutzereinstellungen (z. B. Thema, Sprache) - Suchverlauf - Temporäre Statusinformationen

Einschränkungen und Sicherheit

Web Storage kann nur Zeichenfolgen speichern. Die Daten sind nicht verschlüsselt, daher sollten keine sensiblen Informationen abgelegt werden. Das maximale Speichervolumen pro Domain liegt in der Regel bei 5–10 MB.