Lokalen Speicher ansehen und bearbeiten

Kayce Basques
Sofia Emelianova
Sofia Emelianova
GitHub

In diesem Leitfaden erfahren Sie, wie Sie mit den Chrome-Entwicklertools localStorage-Schlüssel/Wert-Paare aufrufen, bearbeiten und löschen. Durch den lokalen Speicher werden Daten über mehrere 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.

    Die Schlüssel/Wert-Paare von youtube.com.

  3. Wählen Sie ein Paar aus, um eine Vorschau des Werts unter der Tabelle zu sehen.

    Rufen Sie den Wert des ausgewählten Schlüssels auf.

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

Schlüssel/Wert-Paare filtern

Um schnell das gewünschte Schlüssel/Wert-Paar zu finden, geben Sie in das Filterfeld oben einen String ein, der entweder der Schlüssel oder der Wert enthält.

Herausfiltern von Schlüssel/Wert-Paaren, die den String „has“ nicht enthalten.

Neues Schlüssel/Wert-Paar localStorage erstellen

  1. Sehen Sie sich die localStorage Schlüssel/Wert-Paare der Domain an. Ein Beispiel dafür finden Sie auf dieser Demoseite.
  2. Doppelklicken Sie auf den leeren Teil der Tabelle. In den Entwicklertools wird eine neue Zeile erstellt und der Cursor wird in der Spalte Schlüssel hervorgehoben.
  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 Ein Beispiel dafür finden Sie 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 zu übernehmen.

localStorage Schlüssel/Wert-Paare löschen

  1. localStorage Schlüssel/Wert-Paare einer Domain ansehen Ein Beispiel dafür finden Sie 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 Löschen, um das ausgewählte Paar zu entfernen. Das ausgewählte Schlüssel/Wert-Paar wird gelöscht.
  4. Sie können auch auf Alle löschen. Alle löschen klicken, um alle Paare zu entfernen.

Über die Console mit localStorage interagieren

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

  1. Öffnen Sie die Console in den Entwicklertools.
  2. Wenn Sie auf die localStorage-Schlüssel/Wert-Paare einer anderen Domain als der aktuell geöffneten Seite zugreifen möchten, wählen Sie den erforderlichen JavaScript-Kontext aus dem Kontextmenü in der Aktionsleiste oben aus.
  3. Führen Sie die localStorage-Ausdrücke in der Console wie in Ihrem JavaScript aus.

Mit „localStorage“ über die Console interagieren