Inspect chrome.storage.sync while debugging Chrome

Question

Chrome DevTools has a handy inspector for Local Storage and Session Storage, but is there nothing to inspect chrome.storage.sync?

chrome://sync-internals/ doesn't seem to display the actual contents of the synchronized storage per extension.

Answer 1

Storage Area Explorer extension provides a UI for viewing, editing, clearing, importing and exporting of chrome.storage.local, chrome.storage.sync, localStorage and sessionStorage:

Answer 2

A poor workaround is to call get and obtain all the stored values. Of course, this doesn't let you conveniently edit them:

chrome.storage.sync.get(null, function callback(items) { console.log(items) });

Answer 3

1. Visit chrome://sync-internals/
2. Click Sync Node Browser tab and wait for it to load (may give a blank screen or in progress cursor)
3. Click expansion triangle in the sidebar for Extension settings
4. Click on individual settings in the sidebar to see their values and other metadata