In dieser Anleitung wird beschrieben, wie Sie mit den Chrome-Entwicklertools Web SQL-Daten 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 Web SQL-Bereich.
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 sich eine Web SQL-Tabelle ansehen, wie in Abbildung 2 oben. Sie können jedoch Anweisungen über die Web SQL Console ausführen, um Tabellen zu bearbeiten oder zu löschen. 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 Web-SQL-Anweisung ein und drücken Sie die Eingabetaste, um sie auszuführen.
Abbildung 3. Mit der Web SQL Console eine Zeile aus der Tabelle rooms löschen
Web SQL-Tabelle aktualisieren
In DevTools werden Tabellen 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 Web SQL-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. Im Textfeld Sichtbare Spalten können Sie festlegen, dass nur die Spalten
room_nameundlast_updatedangezeigt werden.
Alle Web SQL-Daten löschen
- Öffnen Sie den Bereich Speicherinhalt löschen.
Das Kästchen Web SQL muss aktiviert sein.
Abbildung 5. Das Kästchen Web SQL.
Klicken Sie auf Websitedaten löschen.
Abbildung 6. Die Schaltfläche Websitedaten löschen.