IndexedDB-Daten ansehen und ändern

In diesem Leitfaden erfahren Sie, wie Sie mit den Chrome-Entwicklertools Daten aus IndexedDB aufrufen und ändern können. Dabei wird davon ausgegangen, dass Sie mit den Entwicklertools vertraut sind. Ist dies nicht der Fall, lesen Sie den Abschnitt Jetzt starten. Außerdem wird vorausgesetzt, dass Sie mit IndexedDB vertraut sind. Ist dies nicht der Fall, lesen Sie die Informationen unter IndexedDB verwenden.

IndexedDB-Daten ansehen

1. Klicken Sie auf den Tab Anwendung, um den Bereich Anwendung zu öffnen. Maximieren Sie das Menü IndexedDB, um die verfügbaren Datenbanken zu sehen.

   

   Abbildung 1. Das Menü IndexedDB

   • notes: https://mdn.github.io steht für eine Datenbank, wobei notes der Name der Datenbank und https://mdn.github.io der Ursprung ist, der auf die Datenbank zugreifen kann.
   • notes ist ein Objektspeicher.
   • title und body sind Indexe.

1. Klicken Sie auf eine Datenbank, um deren Ursprung und Versionsnummer anzuzeigen.

   

   Abbildung 2. In der Notes-Datenbank

2. Klicken Sie auf einen Objektspeicher, um dessen Schlüssel/Wert-Paare zu sehen.

   

   Abbildung 3. notes-Objektspeicher

   • Einträge insgesamt entspricht der Gesamtzahl der Schlüssel/Wert-Paare im Objektspeicher.
   • Key Generator value ist der nächste verfügbare Schlüssel. Dieses Feld wird nur angezeigt, wenn Sie Schlüsselgeneratoren verwenden.

3. Klicken Sie auf eine Zelle in der Spalte Wert, um den Wert zu maximieren.

   

   Abbildung 4. IndexedDB-Wert aufrufen

4. Klicken Sie auf einen Index, z. B. title oder body in Abbildung 6 unten, um den Objektspeicher nach den Werten dieses Index zu sortieren.

   

   Abbildung 5. Ein Objektspeicher, der gemäß seinem title-Schlüssel alphabetisch sortiert ist

IndexedDB-Daten aktualisieren

IndexedDB-Werte im Bereich Application (Anwendung) werden nicht in Echtzeit aktualisiert. Klicken Sie auf Aktualisieren , wenn Sie einen Objektspeicher aufrufen, um dessen Daten zu aktualisieren, oder auf Datenbank aktualisieren, um alle Daten zu aktualisieren.

Abbildung 6. Datenbank ansehen

IndexedDB-Daten bearbeiten

IndexedDB-Schlüssel und -Werte können im Steuerfeld Anwendung nicht bearbeitet werden. Da die Entwicklertools Zugriff auf den Seitenkontext haben, können Sie in den Entwicklertools JavaScript-Code ausführen, der IndexedDB-Daten bearbeitet.

IndexedDB-Daten mit Snippets bearbeiten

Snippets sind eine Möglichkeit, JavaScript-Codeblöcke in den Entwicklertools zu speichern und auszuführen. Wenn Sie ein Snippet ausführen, wird das Ergebnis in der Console protokolliert. Sie können ein Snippet verwenden, um JavaScript-Code auszuführen, der eine IndexedDB-Datenbank bearbeitet.

Abbildung 7. Snippet zur Interaktion mit IndexedDB verwenden

IndexedDB-Daten löschen

IndexedDB-Schlüssel/Wert-Paar löschen

1. Rufen Sie einen IndexedDB-Objektspeicher auf.

2. Klicken Sie auf das Schlüssel/Wert-Paar, das Sie löschen möchten. In den Entwicklertools wird es blau hervorgehoben, um anzuzeigen, dass es ausgewählt ist.

   

   Abbildung 8. Schlüssel/Wert-Paar zum Löschen auswählen

3. Drücken Sie die Taste Entf oder klicken Sie auf Auswahl löschen .

   

   Abbildung 9. Wie der Objektspeicher aussieht, nachdem das Schlüssel/Wert-Paar gelöscht wurde

Alle Schlüssel/Wert-Paare in einem Objektspeicher löschen

1. Rufen Sie einen IndexedDB-Objektspeicher auf.

   

   Abbildung 10. Objektspeicher ansehen

2. Klicken Sie auf Objektspeicher löschen .

IndexedDB-Datenbank löschen

1. Rufen Sie die IndexedDB-Datenbank auf, die Sie löschen möchten.

2. Klicken Sie auf Datenbank löschen.

   

   Abbildung 11. Die Schaltfläche Datenbank löschen

Gesamten IndexedDB-Speicher löschen

1. Öffnen Sie den Bereich Speicherinhalt löschen.
2. Achten Sie darauf, dass das Kästchen IndexedDB aktiviert ist.

3. Klicken Sie auf Websitedaten löschen.

   

   Abbildung 12. Im Bereich Speicherinhalt löschen