google-chrome - puedo - mis extensiones chrome

¿Cómo veo el almacenamiento de una extensión de Chrome que he instalado?

Question

Parece que debería ser posible ver localStorage / chrome.storage de Chrome Extensions instalado en mi navegador. He jugado un poco con las herramientas para desarrolladores, pero no he encontrado la manera de hacerlo. ¿Algunas ideas?

Answer 1

¡Esta fue en realidad dos preguntas!

1. ¿Cómo veo localStorage de una extensión de Chrome que he instalado?

Abra Chrome Devtool haciendo clic en la página de fondo de una extensión en Chrome: // extensiones / (se debe verificar el modo desarrollador para ver las páginas de fondo), luego en el panel de recursos puede ver el almacenamiento local a la izquierda. (por Chaohuang y Kil)

2. ¿Cómo veo chrome.storage de una extensión de Chrome que he instalado?

En la misma consola de la página de fondo:

• Para storage.local (por mwkwok)

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

• Para storage.sync

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

Answer 2

Abra Chrome Devtool haciendo clic en la página de fondo de una extensión en Chrome://extensions/ (se debe verificar el Developer mode para ver las páginas de fondo), luego en el panel de recursos puede ver el almacenamiento local a la izquierda.

Answer 3

Hay una extensión muy útil para trabajar con localStorage y chrome.storage que descubrí recientemente, que funciona como un panel de Dev Tools.

Explorador de área de almacenamiento

No escribí esto, pero fue sugerido por el autor en alguna otra pregunta SO.

Answer 4

No obtuve ningún resultado utilizando el código provisto en la consola. Pero este código funcionó cuando se puso en la consola.

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

La diferencia aquí es que pasamos un valor nulo que devolverá todo el contenido en el almacenamiento. Para hacer una copia de seguridad de esto, y para una lectura adicional, echa un vistazo a la página oficial de Chrome en esta API.

Answer 5

Tiene razón en que Chrome.storage no se muestra en las herramientas de desarrollador. La única forma que he encontrado para ver todo esto es poner esto en la consola:

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

Esto escupirá el objeto JSON en la consola.

Answer 6

Voy a proceder a fusionar el conocimiento existente presente en varias respuestas, en una simple y completa. Si votas por este, haz lo mismo con los de @mwkwok y @chaohuang.

Es cierto que las cosas guardadas usando chrome.storage no aparecen en las herramientas de desarrollo, allí solo puedes ver cosas guardadas usando la API localStorage regular. Hacer esto:

1. Abre la página de fondo de tu extensión yendo a chrome://extensions/ (se debe verificar el "Modo de desarrollador" para ver las páginas de fondo)

2. Ve a la pestaña Console y escribe esto:

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

Esto escupirá todo el almacenamiento como un objeto JSON en la consola.