LocalStorage-Manager

LocalStorage-Elemente anzeigen, hinzufügen, bearbeiten und löschen mit Größenverfolgung

Was ist das und wie funktioniert es?

Die Web Storage API bietet Browsern zwei Mechanismen zur lokalen Speicherung von Schlüssel-Wert-Paaren: `localStorage` (bleibt bis zur expliziten Löschung bestehen) und `sessionStorage` (wird beim Schließen des Browser-Tabs geleert). Anders als Cookies werden Web Storage-Daten nie automatisch mit HTTP-Anfragen an den Server gesendet.

Dieses Tool bietet eine visuelle Schnittstelle zum Inspizieren, Hinzufügen, Bearbeiten, Löschen, Im- und Exportieren von localStorage-Einträgen. Es ist unschätzbar zum Debuggen von Webanwendungen.

Anwendungsfälle

• Auth-Token-Inspektion: Prüfen, welches JWT oder Session-Token die Web-App in localStorage speichert.
• Anwendungszustand debuggen: Den JSON-serialisierten Zustand von React/Vue-Apps in localStorage inspizieren.
• A/B-Test-Variante prüfen: Viele A/B-Testing-Tools speichern Feature-Flags und Variantenzuweisungen in localStorage.

Häufige Fragen

Was ist der Unterschied zwischen localStorage und sessionStorage?

`localStorage` bleibt unbegrenzt bestehen. `sessionStorage` wird beim Schließen des Browser-Tabs geleert (jeder Tab hat seinen eigenen sessionStorage). Beide sind Domain-scoped und werden nie an den Server gesendet.

Wie viele Daten kann localStorage speichern?

Browser erlauben typischerweise 5 MB pro Origin. Werte darüber hinaus lösen `QuotaExceededError` aus. localStorage speichert nur Strings — JSON-Objekte müssen mit `JSON.stringify` serialisiert werden.

Ist localStorage sicher?

localStorage hat keine eingebaute Verschlüsselung — jedes JavaScript auf derselben Origin kann alle localStorage-Daten lesen. JWTs sollten nie in localStorage gespeichert werden — stattdessen `HttpOnly`-Cookies verwenden.

Was sind Alternativen zu localStorage?

Cookies: mit jeder HTTP-Anfrage gesendet, 4-KB-Limit, können HttpOnly sein. IndexedDB: Transaktionsdatenbank für große strukturierte Daten. Cache API: zum Cachen von HTTP-Antworten in Service Workern.

Dienstprogramme

Passwort-Generator · QR-Code-Generator · Stoppuhr · Countdown-Timer · Rechner · Zufallszahlen-Generator