Ce guide explique comment inspecter des données SQL Web à l'aide des outils pour les développeurs Chrome.
Afficher les données Web SQL
Cliquez sur l'onglet Sources pour ouvrir le panneau Application. Développez la section SQL Web pour afficher les bases de données et les tables. Dans la Figure 1 ci-dessous, html5meetup contient une base de données, et rooms est une table.
Figure 1 : Volet SQL Web.
Cliquez sur une table pour afficher ses données.
Figure 2 : Afficher les données de la table Web SQL rooms
Modifier des données Web SQL
Vous ne pouvez pas modifier les données Web SQL lorsque vous affichez une table Web SQL, comme dans la Figure 2 ci-dessus. Toutefois, vous pouvez exécuter à partir de la console Web SQL des instructions qui modifient ou suppriment des tables. Consultez la page Exécuter des requêtes SQL Web.
Exécuter des requêtes Web SQL
- Cliquez sur une base de données pour ouvrir une console pour celle-ci.
Saisissez une instruction Web SQL, puis appuyez sur Entrée pour l'exécuter.
Image 3. Utiliser la console SQL Web pour supprimer une ligne de la table rooms
Actualiser une table Web SQL
Les outils de développement ne mettent pas à jour les tables en temps réel. Pour mettre à jour les données d'une table:
- Affichez les données d'une table Web SQL.
- Cliquez sur Actualiser
.
Filtrer les colonnes d'une table Web SQL
- Affichez les données d'une table Web SQL.
Utilisez la zone de texte Colonnes visibles pour spécifier les colonnes que vous souhaitez afficher. Indiquez les noms de colonnes sous forme de liste au format CSV.
Figure 4. Utiliser la zone de texte Colonnes visibles pour n'afficher que les colonnes
room_nameetlast_updated
Supprimer toutes les données Web SQL
- Ouvrez le volet Vider l'espace de stockage.
Assurez-vous que la case Web SQL est cochée.
Figure 5. Case à cocher SQL Web.
Cliquez sur Effacer les données des sites.
Figure 6. Le bouton Effacer les données du site.