Afficher et modifier l'espace de stockage des sessions

Kayce Basques

Sofia Emelianova

Ce guide vous explique comment utiliser les Outils pour les développeurs Chrome pour afficher, modifier et supprimer des paires clé-valeur sessionStorage. Le stockage de session est effacé à la fin de la session de la page.

Afficher les clés et valeurs sessionStorage

1. Ouvrez les outils de développement sur le site Web que vous souhaitez inspecter.

2. Accédez à Application > Storage (Stockage), puis développez Session Storage (Stockage de session). Cliquez sur un domaine pour afficher ses paires clé-valeur.

   

3. 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 en haut.

Filtrer les paires clé-valeur

Pour trouver rapidement une paire clé/valeur, saisissez dans le champ de filtre en haut une chaîne contenue dans la clé ou la valeur.

Créer une paire clé-valeur sessionStorage

1. Affichez les paires clé-valeur sessionStorage du domaine. Par exemple, sur cette page de démonstration.
2. Double-cliquez sur la partie vide du tableau. Les outils de développement créent une ligne et placent le curseur dans la colonne Clé.
3. Saisissez une nouvelle paire clé-valeur.

Modifier les clés ou valeurs sessionStorage

1. Affichez les paires clé-valeur sessionStorage d'un domaine. Par exemple, sur cette page de démonstration.
2. Double-cliquez sur une cellule de la colonne Clé ou Valeur pour modifier cette clé ou cette valeur.
3. Actualisez la page pour appliquer les modifications.

Supprimer sessionStorage paires clé-valeur

1. Affichez les paires clé-valeur sessionStorage d'un domaine. Par exemple, sur cette page de démonstration.
2. Cliquez sur une paire clé-valeur pour la sélectionner.
3. Cliquez sur  Supprimer dans la barre d'action en haut de la page pour supprimer la paire sélectionnée.
4. Vous pouvez également cliquer sur Tout effacer pour supprimer toutes les paires.

Interagir avec sessionStorage depuis la console

Comme vous pouvez exécuter du code JavaScript dans la Console et que la Console a accès aux contextes JavaScript de la page, il est possible d'interagir avec sessionStorage depuis la Console.

1. Dans les outils de développement, ouvrez la console.
2. Si vous souhaitez accéder aux paires clé-valeur sessionStorage d'un domaine autre que celui de la page sur laquelle vous vous trouvez, sélectionnez le contexte JavaScript dont vous avez besoin dans le menu déroulant des contextes de la barre d'action en haut de l'écran.
3. Exécutez vos expressions sessionStorage dans la Console, comme vous le feriez dans votre code JavaScript.