Inspect chrome.storage.sync while debugging Chrome

问题:

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.

回答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:

回答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) });

回答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