Inspect chrome.storage.sync while debugging Chrome extension

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

enter image description here

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

Answers:

Answer

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

screenshot of Sync Internals page

Answer

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

screenshot

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.