Respuesta

10

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

+13

Puede encontrarlo en la Herramienta de Desarrolladores de Chrome si usa 'LocalStorage API'. Pero si usa el método 'chrome.storage API' como' chrome.storage.local.set ({"clave": valor}) ', los datos no se almacenan allí. ¿Dónde podemos encontrar esos datos? – KiL

+0

No veo nada salvando mi extensión. Además de solo imprimirlo, ¿hay alguna otra manera de verificarlos? – Robert

+1

Echa un vistazo a la respuesta recientemente agregada de @Xan. –

16

Tiene usted razón de que chrome.storage no se muestra en las herramientas de desarrollador. La única manera que he encontrado para verla en su totalidad es poniendo esto en la consola:

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

Esto le escupir el objeto JSON en la consola.

20

Voy a proceder a amalgamar 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 con chrome.storage no se muestran en las herramientas de desarrollador, allí solo puede ver cosas guardadas con la API localStorage regular. Haga lo siguiente:

  1. abrir la página fondo de su extensión yendo a chrome://extensions/ ("Modo de programador" necesita ser comprobado para ver las páginas de fondo)

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

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

Esto escupir todo el sto ira como un objeto JSON en la consola.

+0

¿Cómo hacer que el almacenamiento local sea persistente? se elimina si deshabilito la extensión. – jstuardo

+0

@jstuardo que parece una pregunta completamente separada, no sé la respuesta. lo siento. –

38

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

Storage Area Explorer

enter image description here

no he escrito esto, pero se sugirió por el autor en alguna otra pregunta SO.

+2

Ojalá pudiera +50. –

+0

Probé esto, pero no funciona para mí. Sin embargo, en realidad estoy desarrollando una extensión "devtools" de Chrome, no una extensión de Chrome normal. – nogridbag

+1

@nogridbag Pruebe abrir Dev Tools para sus Dev Tools. Desacoplar, Ctrl + Shift + I. ... espera, lo intenté. ¡No hagas esto con Storage Area Explorer si eres epiléptico! – Xan

3

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 se pasa un valor nulo que devolverá todo el contenido del almacenamiento. Para hacer una copia de seguridad de esto, y para una lectura adicional, consulte official chrome page on this API.

Cuestiones relacionadas