Partager via


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.

    Volet Manifeste

  2. Développez le menu Stockage local .

    Menu Stockage local

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

    Paires clé-valeur localStorage pour le https://www.bing.com domaine

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

    Afficher la valeur de la clé eventLogQueue_Online

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é .

    Partie vide de la table à double-cliquer afin de créer une nouvelle paire clé-valeur

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.

    Modifier une clé localStorage

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 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 (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.

    Modifier le contexte JavaScript de la console

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

    Interagir avec localStorage à partir de la console

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 originale se trouve ici et est créée par Kayce Basques.

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