在 devtools 中检查扩展的 chrome.storage

Question

Chrome DevTools 有一个方便的本地存储和会话存储检查器，但是没有什么可以检查chrome.storage.sync？

chrome://sync-internals/ 似乎没有显示每个扩展同步存储的实际内容。

Answer 1

Storage Area Explorer 扩展提供了一个用于查看、编辑、清除、导入和导出chrome.storage.local、chrome.storage.sync、localStorage 和sessionStorage 的 UI：

Answer 2

1. 访问chrome://sync-internals/
2. 点击Sync Node Browser标签并等待它加载（可能会出现空白屏幕或正在进行的光标）
3. 单击边栏中的扩展三角形Extension settings
4. 单击侧边栏中的各个设置以查看其值和其他元数据

Answer 3

一个糟糕的解决方法是调用get 并获取所有存储的值。当然，这并不能让您方便地编辑它们：

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