279 votes

Comment visualiser ou modifier le LocalStorage

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

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

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

Quelqu'un a-t-il des suggestions ?

0 votes

J'ai le même problème. Totalement vide même si je peux les enregistrer en javascript. Peut-être parce que l'extension s'est déballée ou autre, mais aucune réponse utile ici pour le moment. 2021-01-10. Les gens ne semblent pas comprendre la question.

293voto

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

39 votes

Dans la version 60 de Chrome, il n'est pas possible de modifier ou d'ajouter de nouveaux éléments, il faut le faire via la console et localStorage.setItem('key', 'value')

11 votes

Dans la version 65 de Chrome, vous pouvez modifier manuellement et ajouter de nouveaux éléments. Double-cliquez sous la dernière paire clé-valeur dans la liste des clés-valeurs dans Application > Stockage local pour ajouter une nouvelle valeur.

177voto

simone Points 5580

Ouvrez le Outils pour les développeurs en appuyant sur F12 .

Cliquez sur le Application et vous verrez le contenu de localStorage. À partir de là, vous pouvez ajouter/modifier/supprimer les entrées manuellement.

Sous OS X, les touches sont les suivantes : + + i

Une autre combinaison : Ctrl + Shift + i


Dans Chrome, cela ressemble à ceci :

enter image description here

6 votes

Oui, j'ai déjà essayé mais localStorage est vide. Peut-être parce que j'ai chargé une extension déballée ?

0 votes

Cela peut vous aider : stackoverflow.com/questions/3598669/

4 votes

Simone, je sais comment définir et lire localStorage avec JS, mais j'ai besoin de le modifier/supprimer manuellement.

15voto

Ryan S Points 76

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

0 votes

Merci pour la réponse @Ryan S mais localStorage est vide, je l'ai défini comme suit localStorage['xy'] = JSON.stringify(xy);

2 votes

Dans la console de chrome, vous pouvez faire localStorage.setItem('xy', JSON.stringify(xy)) et cela mettra l'élément dans localStorage

2 votes

Faire chrome://chrome-urls/, puis stockage local

15voto

Luke P. Issac Points 84

J'utilise actuellement la version 52.0.2743.82 de Chrome. Dans cette dernière version de chrome, vous pouvez voir les valeurs de stockage local en lançant "Developer Tools" puis en regardant dans l'onglet "Application".

7voto

enigment Points 1044

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

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

chrome.storage.local.set(packet);

Lorsque j'affiche l'onglet Application de la page d'arrière-plan de l'extension et que je développe l'option Stockage > Stockage local, mon extension est répertoriée, mais en cliquant dessus, aucune donnée n'apparaît.

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

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

C'est similaire à la façon dont l'extension le lit (sauf en passant null pour obtenir toutes les clés au lieu d'un nom de clé pour obtenir juste celle que je veux) et cela fonctionne bien, c'est juste gênant de le taper à chaque fois. C'est aussi bizarre qu'il y ait toutes ces réponses ici qui ne fonctionnent pas pour moi.

J'utilise Chrome 73.0.3683.103 (Official Build) (64 bits) sous Windows 10. L'extension est toujours déballée, si cela est pertinent, mais c'est le moment le plus probable où vous voudriez le faire, c'est-à-dire en développement.

0 votes

Merci ! C'est ce que j'essayais de savoir. Je savais qu'en cherchant cela, les gens supposeraient généralement que les navigateurs sont stockés localement. MAIS, localStorage != chrome.storage.local

0 votes

J'utilise actuellement Chrome 86 et cela semble être le seul moyen de le faire. J'ai parcouru toutes les interfaces utilisateur disponibles dans les différents outils de développement et aucune des données que j'ai définies via mon extension n'est accessible dans ces interfaces. Il doit s'agir d'une limitation des nouvelles versions de Chrome.

0 votes

Idem -- impossible de le voir à partir du stockage local de l'extension à partir des outils de développement de chrome/de l'interface utilisateur de l'extension, j'ai dû l'imprimer manuellement dans background.js.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X