web-dev-qa-db-fra.com

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

Il semble qu'il devrait être possible d'afficher le localStorage/chrome.storage of Chrome Extensions installées sur mon navigateur. J'ai un peu joué avec les outils de développement, mais je n'ai pas trouvé de moyen de le faire. Des idées?

google-chromegoogle-chrome-extensionlocal-storagegoogle-chrome-devtools
51
JoshJordan

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

Explorateur de zone de stockage

enter image description here

Je n'ai pas écrit ceci, mais il a été suggéré par l'auteur sur une autre question SO.

66
Xan

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

Il est vrai que les choses enregistrées à l'aide de chrome.storage N'apparaissent pas dans les outils de développement, vous ne pouvez voir que les choses enregistrées à l'aide de l'API localStorage standard. Faites ceci:

  1. Ouvrez la page d'arrière-plan de votre extension en accédant à chrome://extensions/ (Le "mode développeur" doit être vérifié pour voir les pages d'arrière-plan)

  2. Accédez à l'onglet Console et saisissez ceci:

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

Cela crachera tout le stockage en tant qu'objet JSON dans la console.

43
Clint Eastwood

Vous avez raison de dire que chrome.storage n'apparaît pas dans les outils de développement. Le seul moyen que j'ai trouvé pour tout voir est de le mettre dans la console:

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

Cela crachera l'objet JSON dans la console.

27
mwkwok

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

12
chaohuang

C'était en fait deux questions!

  1. Comment afficher localStorage d'une extension Chrome que j'ai installée?

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

  1. Comment puis-je voir chrome.storage sur une extension Chrome que j'ai installée?

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

  • 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)})

7
Frank R.

Je n'ai obtenu aucun résultat en utilisant le code fourni tapé dans la console. Mais ce code a fonctionné une fois mis dans la console.

chrome.storage.sync.get(null, function (data) { console.info(data) });

La différence ici est que nous passons une valeur nulle qui renverra tout le contenu du stockage. Pour sauvegarder cela, et pour une lecture supplémentaire, consultez la page officielle chrome sur cette API.

5
Gus Galarnyk