Bekijk Web SQL-gegevens
Stay organized with collections
Save and categorize content based on your preferences.
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_name
en last_updated
weer 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 .
Tenzij anders vermeld, is de content op deze pagina gelicentieerd onder de Creative Commons Attribution 4.0-licentie en zijn codevoorbeelden gelicentieerd onder de Apache 2.0-licentie. Voor meer informatie raadpleegt u het Google Developers-sitebeleid. Java is een gedeponeerd handelsmerk van Oracle en/of diens aangesloten entiteiten.
Last updated 2019-03-25 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Missing the information I need"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Too complicated / too many steps"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Out of date"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Translation issue"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Samples / code issue"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Other"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Easy to understand"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Solved my problem"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Other"
}]
{"lastModified": "Last updated 2019-03-25 UTC."}
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Translation issue","translationIssue","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2019-03-25 UTC."]]