Ce guide explique comment utiliser les Outils pour les développeurs Chrome pour afficher, modifier et supprimer des paires clé-valeur sessionStorage
. L'espace de stockage de la session est effacé à la fin de la session sur la page.
Afficher sessionStorage
clés et valeurs
Ouvrez les outils de développement sur le site Web que vous souhaitez inspecter.
Accédez à Application > Storage (Application > Stockage), puis développez Session Storage (Stockage de sessions). 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 Actualiser dans la barre d'action située en haut de la page.
Filtrer les paires clé/valeur
Pour trouver rapidement une paire clé-valeur dont vous avez besoin, saisissez dans la zone de filtre en haut une chaîne que la clé ou la valeur contient.
Créer une paire clé-valeur sessionStorage
- Affichez les paires clé-valeur
sessionStorage
du domaine. Vous pouvez par exemple accéder à cette page de démonstration. - Double-cliquez sur la partie vide du tableau. Les outils de développement créent une ligne et place le curseur dans la colonne Clé.
- Saisissez une nouvelle paire clé-valeur.
Modifier les clés ou valeurs sessionStorage
- Affichez les paires clé-valeur
sessionStorage
d'un domaine. Vous pouvez par exemple accéder à cette page de démonstration. - Double-cliquez sur une cellule de la colonne Clé ou Valeur pour modifier cette clé ou valeur.
- Actualisez la page pour appliquer le changement.
Supprimer sessionStorage
paires clé-valeur
- Affichez les paires clé-valeur
sessionStorage
d'un domaine. Vous pouvez par exemple accéder à cette page de démonstration. - Cliquez sur une paire clé-valeur pour la sélectionner.
- Cliquez sur 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 sessionStorage
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, vous pouvez interagir avec sessionStorage
à partir de la console.
- Dans les outils de développement, ouvrez la console.
- Si vous souhaitez accéder aux paires clé-valeur
sessionStorage
d'un domaine autre que la page que vous consultez, sélectionnez le contexte JavaScript dont vous avez besoin dans le menu déroulant de la barre d'action en haut de la page. - Exécutez vos expressions
sessionStorage
dans la console, comme vous le feriez dans votre code JavaScript.