104 votes

Comment afficher le stockage d'une extension Chrome que j'ai installée ?

Il semble qu'il devrait être possible de visualiser les localStorage / chrome.storage d'extensions Chrome installées sur mon navigateur. J'ai un peu joué avec les outils de développement, mais je n'ai pas trouvé le moyen de le faire. Avez-vous une idée ?

104voto

Xan Points 8032

Il y a une extension très utile pour travailler avec les deux localStorage y chrome.storage que j'ai récemment découvert, qui fonctionne comme un panneau Dev Tools.

Storage Area Explorer

enter image description here

Je n'ai pas écrit ce texte, mais il a été suggéré par l'auteur sur une autre question de l'OS.

6 votes

J'aimerais pouvoir +50.

2 votes

J'ai essayé, mais cela ne fonctionne pas pour moi. Cependant, je suis en train de développer une extension Chrome "devtools" - pas une extension Chrome normale.

2 votes

@nogridbag Essayez d'ouvrir les outils de développement pour vos outils de développement. Déverrouiller, Ctrl+Shift+I. attendez, j'ai essayé. Ne faites pas cela avec Storage Area Explorer si vous êtes épileptique !

97voto

Jonathan Points 789

Je vais procéder à l'amalgame des connaissances existantes présentes dans plusieurs réponses, en une réponse simple et complète. Si vous votez pour celui-ci, merci de faire de même pour ceux de @mwkwok et @chaohuang.

Il est vrai que le matériel sauvegardé en utilisant chrome.storage ne s'affiche pas dans les outils de développement, où vous ne pouvez voir que les éléments sauvegardés à l'aide de l'API localStorage ordinaire. Faites-le :

  1. Ouvrez le dossier de votre extension page de fond en allant sur chrome://extensions/ ("Le mode développeur" doit être coché pour voir les pages d'arrière-plan).

  2. Allez à la Console et tapez ceci :

chrome.storage.local.get(function(result){console.log(result)})

Cela enverra l'ensemble du stockage sous forme d'objet JSON dans la console.

18 votes

L'équivalent légèrement plus court est chrome.storage.local.get(console.log) . Il y a aussi chrome.storage.sync.get(console.log) !

3 votes

Le texte est le suivant storage est indéfini

60voto

mwkwok Points 621

Vous avez raison de dire que chrome.storage ne s'affiche pas dans les outils de développement. La seule façon que j'ai trouvée pour afficher tout cela est d'entrer ceci dans la console :

chrome.storage.local.get(function(result){console.log(result)})

Cela va cracher l'objet JSON dans la console.

3 votes

Le texte est le suivant storage est indéfini

43voto

Frank R. Points 1

C'était en fait deux questions !

  1. Comment puis-je visualiser localStorage d'une extension Chrome que j'ai installée ?

Ouvrez l'outil Devtool de Chrome en cliquant sur la page d'arrière-plan d'une extension dans Chrome://extensions/ (le mode développeur doit être coché pour voir les pages d'arrière-plan), puis dans le panneau de ressources vous pouvez voir le stockage local sur la gauche. (par chaohuang et Kil)

  1. Comment puis-je visualiser stockage.chrome d'une extension Chrome que j'ai installée ?

Dans la même console de la page d'arrière-plan :

OUVREZ D'ABORD LA PAGE D'ARRIÈRE-PLAN :

a. d'aller sur chrome://extensions/

b. s'assurer que vous êtes en mode développement

c. ensuite, sur votre extension, cliquez sur "Inspecter les vues de la page d'arrière-plan" ou allez dans "Détails" et cliquez sur la page d'arrière-plan.

MAINTENANT QUE VOUS ÊTES SUR LA PAGE D'ARRIÈRE-PLAN VOUS POUVEZ PROCÉDER :

  • Pour storage.local (par mwkwok)

chrome.storage.local.get(function(result){console.log(result)})

  • Pour storage.sync

chrome.storage.sync.get(function(result){console.log(result)})

1 votes

La réponse ci-dessous nécessite l'installation d'un module complémentaire et ne fonctionne pas.

2 votes

Avec Chrome 80, j'obtiens l'erreur suivante lorsque j'essaie d'utiliser chrome.storage.local.get dans la console : Uncaught TypeError : Impossible de lire la propriété 'local' de undefined à <anonymous>:1:16. Les chrome.storage est indéfinie dans la console.

0 votes

@suma Avez-vous essayé dans une console d'une page normale ?

17voto

chaohuang Points 2286

Ouvrez le Devtool de Chrome en cliquant sur la page d'arrière-plan d'une extension dans Chrome://extensions/ ( Developer mode doit être cochée pour voir les pages d'arrière-plan), puis dans le panneau des ressources, vous pouvez voir le stockage local sur la gauche.

24 votes

Vous pouvez le trouver dans Chrome Developers Tool si vous utilisez LocalStorage API . Mais si vous utilisez chrome.storage API comme chrome.storage.local.set({"key":value}) Les données n'y sont pas stockées. Où pouvons-nous trouver ces données ?

0 votes

Je ne vois rien de ce que mon extension a sauvegardé. A part l'imprimer, y a-t-il un autre moyen de les vérifier ?

2 votes

Consultez la réponse récemment ajoutée par @Xan.

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