Ce guide vous explique comment utiliser les Outils pour les développeurs Chrome pour inspecter des données Web SQL.
Afficher les données Web SQL
Cliquez sur l'onglet Sources pour ouvrir le panneau Application. Développez la section Web SQL pour afficher les bases de données et les tables. Dans la Figure 1 ci-dessous, html5meetup est une base de données et rooms est une table.
Figure 1 : Volet Web SQL
Cliquez sur une table pour afficher ses données.
Figure 2 : Affichez les données de la table Web SQL rooms.
Modifier les données Web SQL
Vous ne pouvez pas modifier les données Web SQL lorsque vous consultez une table Web SQL, comme dans la Figure 2 ci-dessus. Toutefois, vous pouvez exécuter des instructions depuis la console Web SQL pour modifier ou supprimer des tables. Consultez la page Exécuter des requêtes Web SQL.
Exécuter des requêtes Web SQL
- Cliquez sur une base de données pour ouvrir la console qui lui est associée.
Saisissez une instruction Web SQL, puis appuyez sur Entrée pour l'exécuter.
Image 3. Supprimer une ligne de la table rooms à l'aide de la console Web SQL
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 Refresh (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 à afficher. Fournissez les noms des colonnes sous forme de liste au format CSV.
Figure 4. Utilisez 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 Web SQL.
Cliquez sur Effacer les données des sites.
Figure 6. Bouton Effacer les données des sites