In dieser Anleitung wird beschrieben, wie Sie Chrome-Entwicklertools verwenden, um Web SQL-Daten zu prüfen.
Web-SQL-Daten ansehen
Klicken Sie auf den Tab Quellen, um den Bereich Anwendung zu öffnen. Maximieren Sie den Bereich Web SQL, um Datenbanken und Tabellen aufzurufen. In Abbildung 1 unten ist html5meetup eine Datenbank und rooms eine Tabelle.
Abbildung 1. Der Bereich „Web SQL“.
Klicken Sie auf eine Tabelle, um die Daten dieser Tabelle aufzurufen.
Abbildung 2. Daten der Web SQL-Tabelle rooms ansehen.
Web SQL-Daten bearbeiten
Sie können Web SQL-Daten nicht bearbeiten, wenn Sie eine Web SQL-Tabelle ansehen, wie in Abbildung 2 oben. Sie können jedoch Anweisungen über die Web SQL Console ausführen, mit denen Tabellen bearbeitet oder gelöscht werden. Weitere Informationen finden Sie unter Web SQL-Abfragen ausführen.
Web SQL-Abfragen ausführen
- Klicken Sie auf eine Datenbank, um eine Konsole für diese Datenbank zu öffnen.
Geben Sie eine WebSQL-Anweisung ein und drücken Sie die Eingabetaste, um sie auszuführen.
Abbildung 3. Löschen einer Zeile aus der Tabelle rooms mit der Web SQL-Konsole.
Web SQL-Tabelle aktualisieren
Tabellen in DevTools werden nicht in Echtzeit aktualisiert. So aktualisieren Sie die Daten in einer Tabelle:
- Daten einer Web SQL-Tabelle ansehen
- Klicken Sie auf Aktualisieren
.
Spalten in einer WebSQL-Tabelle herausfiltern
- Daten einer Web SQL-Tabelle ansehen
Geben Sie im Textfeld Sichtbare Spalten an, welche Spalten angezeigt werden sollen. Geben Sie die Spaltennamen als CSV-Liste an.
Abbildung 4. Mit dem Textfeld Sichtbare Spalten werden nur die Spalten
room_nameundlast_updatedangezeigt.
Alle Web SQL-Daten löschen
- Öffnen Sie den Bereich Speicherinhalt löschen.
Achten Sie darauf, dass das Kästchen Web SQL aktiviert ist.
Abbildung 5. Das Kästchen Web SQL.
Klicken Sie auf Websitedaten löschen.
Abbildung 6. Die Schaltfläche Websitedaten löschen