Afficher et modifier le stockage local

Pour afficher, modifier et supprimer les paires clé-valeur localStorage , utilisez l’outil Application .

Afficher les valeurs et clés localStorage

1. Cliquez sur l’onglet Application pour ouvrir l’outil Application . Le volet Manifeste est affiché par défaut.

   

2. Développez le menu Stockage local .

   

3. Cliquez sur un domaine pour afficher les paires clé-valeur.

   

4. Cliquez sur une ligne du tableau pour afficher la valeur dans la visionneuse située sous le tableau.

   

Créer une paire clé-valeur localStorage

1. Affichez les paires clé-valeur localStorage d’un domaine.

2. Double-cliquez sur la partie vide du tableau. DevTools crée une ligne et concentre votre curseur dans la colonne Clé .

   

Modifier les valeurs ou clés localStorage

1. Affichez les paires clé-valeur localStorage d’un domaine.

2. Double-cliquez sur une cellule de la colonne Clé ou Valeur pour modifier cette clé ou cette valeur.

   

Supprimer les paires clé-valeur localStorage

1. Afficher les localStorage paires clé-valeur d’un domaine.

2. Cliquez sur la paire clé-valeur à supprimer. DevTools la met en surbrillance en bleu pour indiquer qu’elle est sélectionnée.

3. Appuyez sur Deleteou cliquez sur Supprimer la sélection (

Supprimer toutes les localStorage paires clé-valeur pour un domaine

1. Afficher les localStorage paires clé-valeur d’un domaine.

2. Cliquez sur Effacer tout ().

Interagir avec localStorage à partir de 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.

1. Utilisez le menu contextuel JavaScript pour modifier le contexte JavaScript de la console si vous souhaitez accéder localStorage aux paires clé-valeur d’un domaine autre que la page affichée.

   

2. Exécutez vos localStorage expressions dans la console, comme vous le faites dans votre JavaScript.

   

Remarque

Les parties de cette page sont des modifications basées sur le travail créé et partagé par Google et utilisées conformément aux termes décrits dans la licence internationale Creative Commons Attribution 4.0. La page d’origine se trouve ici et est créée par Kayce Basques (Rédacteur technique, Chrome DevTools & Lighthouse).

Cette œuvre est concédée sous licence creative commons attribution 4.0 international.