Afficher les données Web SQL

Kayce Basques

Ce guide vous explique comment utiliser les Outils pour les développeurs Chrome pour inspecter les données Web SQL.

Afficher les données Web SQL

1. 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 est une base de données et rooms est une table.

   

   Figure 1 : Volet SQL Web.

2. Cliquez sur une table pour afficher ses données.

   

   Figure 2 : Affichage des 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 consultez une table Web SQL, comme dans la figure 2 ci-dessus. Vous pouvez toutefois exécuter des instructions à partir de la console SQL Web qui modifient ou suppriment des tables. Consultez Exécuter des requêtes SQL Web.

Exécuter des requêtes SQL Web

1. Cliquez sur une base de données pour ouvrir une console correspondante.

2. Saisissez une instruction SQL Web, puis appuyez sur Entrée pour l'exécuter.

   

   Figure 3. Utilisation de la console Web SQL pour supprimer une ligne de la table rooms.

Actualiser une table Web SQL

DevTools ne met pas à jour les tableaux en temps réel. Pour mettre à jour les données d'une table:

1. Afficher les données d'une table SQL Web
2. Cliquez sur Actualiser .

Filtrer les colonnes d'une table Web SQL

1. Afficher les données d'une table SQL Web

2. Utilisez la zone de texte Colonnes visibles pour spécifier les colonnes que vous souhaitez afficher. Indiquez les noms des colonnes sous forme de liste CSV.

   

   Figure 4. Utilisation de la zone de texte Colonnes visibles pour n'afficher que les colonnes room_name et last_updated.

Supprimer toutes les données Web SQL

1. Ouvrez le volet Vider l'espace de stockage.

2. Assurez-vous que la case SQL Web est cochée.

   

   Figure 5. Case à cocher Web SQL.

3. Cliquez sur Effacer les données des sites.

   

   Figure 6. Bouton Effacer les données des sites