Ce guide explique comment utiliser les outils pour les développeurs Chrome pour afficher, modifier et supprimer des paires clé-valeur localStorage
. Le stockage local enregistre les données des sessions du navigateur.
Afficher localStorage
clé et valeur
Ouvrez les outils de développement sur le site Web que vous souhaitez inspecter.
Accédez à Application > Storage (Stockage) et développez Local Storage (Stockage local). Cliquez sur un domaine pour afficher ses paires clé-valeur.
Pour prévisualiser la valeur sous le tableau, sélectionnez une paire.
Pour actualiser manuellement les paires clé-valeur, cliquez sur Refresh (Actualiser) dans la barre d'action située en haut de la page.
Filtrer les paires clé-valeur
Pour trouver rapidement la paire clé-valeur dont vous avez besoin, saisissez dans la zone de filtre en haut une chaîne contenant la clé ou la valeur.
Créer une paire clé-valeur localStorage
- Affichez les paires clé-valeur
localStorage
du domaine. Par exemple, sur cette page de démonstration. - Double-cliquez sur la partie vide du tableau. Les outils de développement créent une ligne et place votre curseur sur la colonne Key (Clé).
- Saisissez une nouvelle paire clé-valeur.
Modifier localStorage
clé ou valeur
- Affichez les paires clé-valeur
localStorage
d'un domaine. Par exemple, sur cette page de démonstration. - Double-cliquez sur une cellule de la colonne Clé ou Valeur pour modifier cette clé ou cette valeur.
- Actualisez la page pour appliquer le filtre.
Supprimer localStorage
paires clé-valeur
- Affichez les paires clé-valeur
localStorage
d'un domaine. Par exemple, sur cette page de démonstration. - Cliquez sur une paire clé-valeur pour la sélectionner.
- Cliquez sur Delete (Supprimer) dans la barre d'action en haut de l'écran pour supprimer la paire sélectionnée.
- Vous pouvez également cliquer sur Tout effacer pour supprimer toutes les paires.
Interagir avec localStorage
depuis la console
Étant donné que vous pouvez exécuter JavaScript dans la console et que la console a accès aux contextes JavaScript de la page, il est possible d'interagir avec localStorage
à partir de la console.
- Dans les outils de développement, ouvrez la console.
- Si vous souhaitez accéder aux paires clé-valeur
localStorage
d'un domaine autre que la page sur laquelle vous vous trouvez, sélectionnez le contexte JavaScript dont vous avez besoin dans le menu déroulant contextuel de la barre d'action en haut de l'écran. - Exécutez vos expressions
localStorage
dans la console, comme vous le feriez dans JavaScript.