Bekijk Web SQL-gegevens

Kayce Basques

In deze handleiding leest u hoe u Chrome DevTools kunt gebruiken om Web SQL-gegevens te inspecteren.

Web SQL-gegevens bekijken

1. Klik op het tabblad Bronnen om het paneel Toepassing te openen. Vouw de sectie Web SQL uit om databases en tabellen te bekijken. In afbeelding 1 hieronder is html5meetup een database en rooms een tabel.

   

   Figuur 1. Het Web SQL-venster.

2. Klik op een tabel om de gegevens in die tabel te bekijken.

   

   Figuur 2. De gegevens van de Web SQL-tabel van de kamer bekijken.

Web SQL-gegevens bewerken

U kunt geen Web SQL-gegevens bewerken wanneer u een Web SQL-tabel bekijkt, zoals in Afbeelding 2 hierboven. U kunt echter wel instructies uitvoeren vanuit de Web SQL Console om tabellen te bewerken of te verwijderen. Zie Web SQL-query's uitvoeren .

Web SQL-query's uitvoeren

1. Klik op een database om een ​​console voor die database te openen.

2. Typ een web-SQL-instructie en druk op Enter om deze uit te voeren.

   

   Figuur 3. De Web SQL Console gebruiken om een ​​rij uit de tabel 'rooms' te verwijderen.

Een Web SQL-tabel vernieuwen

DevTools werkt tabellen niet in realtime bij. Om de gegevens in een tabel bij te werken:

1. Bekijk de gegevens van een Web SQL-tabel .
2. Klik op Vernieuwen .

Kolommen in een Web SQL-tabel filteren

1. Bekijk de gegevens van een Web SQL-tabel .

2. Gebruik het tekstvak Zichtbare kolommen om aan te geven welke kolommen u wilt weergeven. Geef de kolomnamen op als een CSV-lijst.

   

   Figuur 4. Het tekstvak Zichtbare kolommen gebruiken om alleen de kolommen room_name en last_updated weer te geven.

Verwijder alle Web SQL-gegevens

1. Open het deelvenster Opslag wissen .

2. Zorg ervoor dat het selectievakje Web SQL is ingeschakeld.

   

   Figuur 5. Het selectievakje Web SQL .

3. Klik op Sitegegevens wissen .

   

   Figuur 6. De knop Sitegegevens wissen .