In dieser Anleitung erfahren Sie, wie Sie mit den Chrome-Entwicklertools sessionStorage-Schlüssel/Wert-Paare aufrufen, bearbeiten und löschen. Der Sitzungsspeicher wird gelöscht, wenn die Seitensitzung endet.
sessionStorage Schlüssel und Werte ansehen
Öffnen Sie die Entwicklertools auf der Website, die Sie prüfen möchten.
Gehen Sie zu Anwendung > Speicher und maximieren Sie Sitzungsspeicher. Klicken Sie auf eine Domain, um die zugehörigen Schlüssel/Wert-Paare aufzurufen.
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 sessionStorage-Schlüssel/Wert-Paar erstellen
sessionStorage-Schlüssel/Wert-Paare der Domain ansehen Beispielsweise auf dieser Demoseite.- Doppelklicken Sie auf den leeren Bereich der Tabelle. In den DevTools wird eine neue Zeile erstellt und der Cursor wird auf die Spalte Schlüssel gesetzt.
- Geben Sie ein neues Schlüssel/Wert-Paar ein.
sessionStorage-Schlüssel oder ‑Werte bearbeiten
sessionStorage-Schlüssel/Wert-Paare einer Domain ansehen Beispielsweise auf dieser Demoseite.- Doppelklicken Sie auf eine Zelle in der Spalte Schlüssel oder Wert, um den Schlüssel oder Wert zu bearbeiten.
- Aktualisieren Sie die Seite, um die Änderungen anzuwenden.
sessionStorage-Schlüssel/Wert-Paare löschen
sessionStorage-Schlüssel/Wert-Paare einer Domain ansehen Beispielsweise auf dieser Demoseite.- Klicken Sie auf ein Schlüssel/Wert-Paar, um es auszuwählen.
- Klicken Sie oben in der Aktionsleiste auf
Löschen, um das ausgewählte Paar zu entfernen.
- Alternativ können Sie auf
Alle löschen klicken, um alle Paare zu entfernen.
Über die Console mit sessionStorage 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 sessionStorage zu interagieren.
- Öffnen Sie in den DevTools die Console.
- Wenn Sie auf die
sessionStorage-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. - Führen Sie Ihre
sessionStorage-Ausdrücke in der Konsole aus, genau wie in Ihrem JavaScript-Code.
