web-dev-qa-db-fra.com

Comment afficher ou modifier le stockage local

J'ai créé une extension Chrome et j'utilise localStorage pour stocker des données.

J'accède à localStorage via "background_page".

Cela fonctionne bien, mais comment puis-je afficher manuellement ses valeurs? Dans Firefox, vous pouvez utiliser Firebug.

Quelqu'un a des suggestions?

234
Joe Doe

C'est simple. Il suffit d'aller aux outils de développement en appuyant sur F12, puis allez dans l'onglet Application. Dans la section Stockage, développez Stockage local. Après cela, vous verrez tout le stockage local de votre navigateur.

247
user1613294

Ouvrez simplement le Outils de développement en appuyant sur F12.

Cliquez sur l'onglet Application (anciennement Ressources) et vous verrez le contenu de localStorage. De là, vous pouvez ajouter/éditer/supprimer les entrées clé/valeur manuellement.

localStorage resources tab

Sous OS X, les clés sont les suivantes:  +  + i

Une autre combinaison: Ctrl + Shift + i


EDIT: Dans Chrome 56, cela ressemble à ceci:

enter image description here

160
Simone

J'utilise chrome Version 52.0.2743.82 m actuellement. Dans cette dernière version de chrome, vous pouvez afficher les valeurs de stockage locales en lançant "Outils de développement", puis en consultant l'onglet "Application".

16
Luke P. Issac

Vous pouvez aller à chrome: // chrome/extensions et il y aura un lien vers votre page d’arrière-plan qui, une fois que vous aurez été lancé, vous pouvez utiliser les outils de développement pour voir le contenu de localStorage.

15
Ryan S

Soit je ne comprends pas ce que les gens ici essaient de faire, et ce n’est pas ce que je fais, et/ou les outils de développement Chrome ont changé et sont cassés à cet égard.

Le contenu-script de mon extension stocke les données comme ceci:

chrome.storage.local.set(packet);

Lorsque je visualise l'onglet Application de la page d'arrière-plan de l'extension et que je développe Stockage> Stockage local, je vois mon extension répertoriée, mais en cliquant dessus, aucune donnée ne s'affiche.

La seule solution que j'ai trouvée consiste à l'exécuter dans la console de la page d'arrière-plan:

chrome.storage.local.get(null, function(data) {console.log(data);})

Cela ressemble à la façon dont l'extension est lue (sauf le passage de null pour obtenir toutes les clés au lieu d'un nom de clé pour obtenir celui que je veux) et cela fonctionne bien, il est difficile de taper à chaque fois. C'est également étrange qu'il y ait toutes ces réponses ici qui ne fonctionnent pas pour moi.

J'utilise Chrome 73.0.3683.103 (version officielle) (64 bits) sous Windows 10. L'extension est toujours décompressée, si cela est pertinent, mais c'est probablement l'heure à laquelle vous voudrez le faire. , c'est-à-dire en développement.

1
enigment