Lokalen Speicher ansehen und bearbeiten

Kayce Basques

Sofia Emelianova

In dieser Anleitung erfahren Sie, wie Sie mit den Chrome-Entwicklertools localStorage-Schlüssel/Wert-Paare aufrufen, bearbeiten und löschen. Im lokalen Speicher werden Daten über Browsersitzungen hinweg gespeichert.

localStorage Schlüssel und Werte ansehen

1. Öffnen Sie die Entwicklertools auf der Website, die Sie prüfen möchten.

2. Gehen Sie zu Anwendung > Speicher und maximieren Sie Lokaler Speicher. Klicken Sie auf eine Domain, um die zugehörigen Schlüssel/Wert-Paare aufzurufen.

   

3. Wenn Sie eine Vorschau des Werts unter der Tabelle sehen möchten, wählen Sie ein Paar aus.

   

Wenn Sie die Schlüssel/Wert-Paare manuell aktualisieren möchten, klicken Sie oben in der Aktionsleiste auf Aktualisieren.

Schlüssel/Wert-Paare filtern

Wenn Sie ein bestimmtes Schlüssel/Wert-Paar schnell finden möchten, geben Sie oben in das Filterfeld einen String ein, der entweder den Schlüssel oder den Wert enthält.

Neues localStorage-Schlüssel/Wert-Paar erstellen

1. localStorage-Schlüssel/Wert-Paare der Domain ansehen Ein Beispiel finden Sie auf dieser Demoseite.
2. Doppelklicken Sie auf den leeren Bereich der Tabelle. Die Entwicklertools erstellt eine neue Zeile und fokussiert den Cursor auf die Spalte Key.
3. Geben Sie ein neues Schlüssel/Wert-Paar ein.

localStorage-Schlüssel oder ‑Werte bearbeiten

1. localStorage-Schlüssel/Wert-Paare einer Domain ansehen Beispielsweise auf dieser Demoseite.
2. Doppelklicken Sie auf eine Zelle in der Spalte Schlüssel oder Wert, um den Schlüssel oder Wert zu bearbeiten.
3. Aktualisieren Sie die Seite, um die Änderungen anzuwenden.

localStorage-Schlüssel/Wert-Paare löschen

1. localStorage-Schlüssel/Wert-Paare einer Domain ansehen Beispielsweise auf dieser Demoseite.
2. Klicken Sie auf ein Schlüssel/Wert-Paar, um es auszuwählen.
3. Klicken Sie oben in der Aktionsleiste auf Löschen, um das ausgewählte Paar zu entfernen.
4. Alternativ können Sie auf  Alle löschen klicken, um alle Paare zu entfernen.

Über die Console mit localStorage interagieren

Da Sie JavaScript in der Console ausführen können und die Console Zugriff auf die JavaScript-Kontexte der Seite hat, ist es möglich, über die Console mit localStorage zu interagieren.

1. Öffnen Sie in den DevTools die Console.
2. Wenn Sie auf die localStorage-Schlüssel/Wert-Paare einer anderen Domain als der Seite zugreifen möchten, auf der Sie sich gerade befinden, wählen Sie den gewünschten JavaScript-Kontext aus dem Drop-down-Menü „Kontext“ in der Aktionsleiste oben aus.
3. Führen Sie die localStorage-Ausdrücke in der Console genau wie in Ihrem JavaScript aus.