How do I view the storage of a Chrome Extension I've installed?
There is a very helpful extension to work with both localStorage
and chrome.storage
that I recently discovered, that works as a Dev Tools panel.
I did not write this, but it was suggested by the author on some other SO question.
I will proceed to amalgamate the existing knowledge present in several answers, into a simple and comprehensive one. If you vote up this one, please do the same with the ones from @mwkwok and @chaohuang.
It is true that stuff saved using chrome.storage
does not show up in developer tools, there you can only see stuff saved using regular localStorage API. Do this:
Open your extension's background page by going to
chrome://extensions/
("Developer mode" needs to be checked to see background pages)Go to the
Console
tab and type this:
chrome.storage.local.get(function(result){console.log(result)})
This will spit the whole storage as a JSON object into the console.
You're right that chrome.storage does not show up in developer tools. The only way I've found to view all of it is by putting this into console:
chrome.storage.local.get(function(result){console.log(result)})
This will spit the JSON object into console.