In deze handleiding ziet u hoe u Chrome DevTools gebruikt om Web SQL-gegevens te inspecteren.
Web SQL-gegevens bekijken
Klik op het tabblad Bronnen om het paneel Toepassingen te openen. Vouw de sectie Web SQL uit om databases en tabellen te bekijken. In figuur 1 hieronder is html5meetup een database en rooms een tabel.
Figuur 1 . Het Web SQL-paneel.
Klik op een tabel om de gegevens van die tabel te bekijken.
Figuur 2 . De gegevens van de kamers Web SQL-tabel bekijken.
Web SQL-gegevens bewerken
U kunt Web SQL-gegevens niet bewerken wanneer u een Web SQL-tabel bekijkt, zoals in Figuur 2 hierboven. Maar u kunt vanuit de Web SQL Console instructies uitvoeren waarmee u tabellen bewerkt of verwijdert. Zie Web SQL-query's uitvoeren .
Voer Web SQL-query's uit
- Klik op een database om een console voor die database te openen.
Typ een Web SQL-instructie en druk vervolgens op Enter om deze uit te voeren.
Figuur 3 . Gebruik de Web SQL Console om een rij uit de tabel met kamers te verwijderen.
Vernieuw een Web SQL-tabel
DevTools werkt tabellen niet in realtime bij. Om de gegevens in een tabel bij te werken:
- Bekijk de gegevens van een Web SQL-tabel .
- Klik op Vernieuwen
.
Kolommen uit een Web SQL-tabel filteren
- Bekijk de gegevens van een Web SQL-tabel .
Gebruik het tekstvak Zichtbare kolommen om op te geven welke kolommen u wilt weergeven. Geef de kolomnamen op als CSV-lijst.
Figuur 4 . Gebruik het tekstvak Zichtbare kolommen om alleen de kolommen
room_nameenlast_updatedweer te geven.
Verwijder alle Web SQL-gegevens
- Open het deelvenster Opslag wissen .
Zorg ervoor dat het selectievakje Web SQL is ingeschakeld.
Figuur 5 . Het selectievakje Web SQL .
Klik op Sitegegevens wissen .
Figuur 6 . De knop Sitegegevens wissen .