Der Local-Storage-Editor bietet eine übersichtliche Tabellenoberfläche für die Verwaltung von localStorage- und sessionStorage-Einträgen für die aktuelle Site. Durchsuchen Sie alle Schlüssel-Wert-Paare, bearbeiten Sie Werte direkt, fügen Sie neue Einträge hinzu und löschen Sie nicht benötigte. JSON-Werte werden automatisch erkannt und für einfaches Lesen formatiert. Wechseln Sie zwischen localStorage- und sessionStorage-Tabs, um beide Speichertypen zu verwalten.
Web-Anwendungen speichern enorme Mengen an Zustand in localStorage und sessionStorage — Nutzereinstellungen, Authentifizierungstoken, Feature-Flags, A/B-Test-Zuweisungen, Warenkorbinhalte, Formularentwürfe, gecachte API-Antworten und UI-Zustand. Das Debuggen dieser Werte in Chrome DevTools erfordert das Navigieren zum Application-Tab, das Finden des Storage-Abschnitts und die Verwendung eines einfachen Schlüssel-Wert-Viewers mit begrenzten Bearbeitungsfähigkeiten. Der Local-Storage-Editor bringt dies in ein zweckgebautes Panel mit getabbtem Speicherwechsel, Inline-Bearbeitung, JSON-Autoformatierung und Massenoperationen. Die Tabelle zeigt jedes Schlüssel-Wert-Paar. JSON-Werte werden automatisch erkannt und mit korrekter Formatierung angezeigt. Klicken Sie auf einen Wert, um ihn direkt zu bearbeiten — Änderungen werden sofort in die Storage-API geschrieben.
Wechseln Sie mit Tab-Buttons oben im Panel zwischen localStorage und sessionStorage. Jeder Tab zeigt die Eintragsanzahl (z. B. localStorage (12) / sessionStorage (3)). Beide Speichertypen werden von einer Oberfläche aus verwaltet.
Klicken Sie auf eine beliebige Wertzelle, um sie direkt zu bearbeiten. Für einfache Werte geben Sie den neuen String ein. Für JSON-Werte erweitert sich der Editor zu einem formatierten Textarea mit Syntaxhervorhebung. Änderungen werden sofort in die Storage-API gespeichert.
JSON-Werte (mit JSON.stringify serialisierte Objekte und Arrays) werden automatisch erkannt und mit korrektem Einzug und Syntaxhervorhebung angezeigt. Bearbeiten Sie das formatierte JSON direkt — es wird beim Speichern neu serialisiert.
Klicken Sie auf Eintrag hinzufügen, um ein neues Schlüssel-Wert-Paar zu erstellen. Geben Sie den Schlüsselnamen und Wert (String oder JSON) ein. Der Eintrag wird sofort in localStorage oder sessionStorage für die aktuelle Domain geschrieben.
Löschen Sie einzelne Einträge mit dem Zeilen-Löschen-Button oder verwenden Sie Alle löschen, um jeden Eintrag für den aktuellen Speichertyp zu entfernen. Nützlich zum Zurücksetzen des Anwendungszustands beim Testen.
Im Editor vorgenommene Änderungen werden sofort in der Anwendung reflektiert. Wenn die App bei Nutzerinteraktion einen Wert aus localStorage liest, ändert das Bearbeiten dieses Werts im Panel das, was die App als nächstes liest — in den meisten Fällen ist kein Seitenreload nötig.
Inspizieren Sie, welche Werte Ihre Anwendung in localStorage gespeichert hat. Ist das Auth-Token vorhanden? Ist das Nutzereinstellungs-Objekt korrekt strukturiert? Verursacht ein veralteter gecachter Wert unerwartetes Verhalten?
Löschen Sie den gesamten localStorage, um die Anwendung in ihren Anfangszustand zurückzusetzen — nützlich zum Testen von Erstnutzer-Erlebnissen, Onboarding-Abläufen und Standardkonfigurationen, ohne Browser-Daten für andere Sites zu löschen.
Viele Anwendungen speichern Feature-Flag-Werte in localStorage. Bearbeiten Sie diese direkt, um Features zu aktivieren oder zu deaktivieren, ohne die Flag-Management-Oberfläche durchlaufen oder neu deployen zu müssen.
Bearbeiten Sie gespeicherte Nutzereinstellungen, Theme-Einstellungen, Sprachauswahl oder Onboarding-Abschluss-Flags, um verschiedene Nutzerzustände zu simulieren und zu testen, wie die Anwendung jeden handhabt.
Sehen Sie, welche Daten Drittanbieter-Scripts (Analytics, Chat, Werbung) im localStorage Ihrer Domain speichern. Prüfen Sie die Daten auf Datenschutz-Compliance und unerwartete Speichernutzung.
Öffnen Sie das DevSuite Pro Floating Dock und klicken Sie auf das Symbol des Local-Storage-Editors. Ein Panel öffnet sich und zeigt alle localStorage-Einträge für die aktuelle Domain.
Scrollen Sie durch die Schlüssel-Wert-Tabelle. JSON-Werte werden automatisch formatiert. Wechseln Sie Tabs, um stattdessen sessionStorage anzuzeigen.
Klicken Sie auf einen beliebigen Wert, um ihn inline zu bearbeiten. Für JSON-Werte erscheint ein formatierter Editor. Änderungen werden sofort in die Storage-API gespeichert.
Klicken Sie auf Eintrag hinzufügen, um ein neues Schlüssel-Wert-Paar zu erstellen. Klicken Sie auf das Löschen-Symbol in einer Zeile, um es zu entfernen. Alle löschen entfernt alles.
Nach dem Bearbeiten von Storage-Werten interagieren Sie mit der Seite, um zu sehen, wie die Anwendung auf die geänderten Daten reagiert.
Installieren Sie DevSuite Pro kostenlos und schalten Sie 39+ Entwickler-Tools für Ihren Browser frei.
