在 devtools 中检查扩展的 chrome.storage

IT技术 javascript google-chrome-extension google-chrome-storage
2021-01-14 21:50:36

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

在此处输入图片说明

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

3个回答

存储区域浏览器扩展提供了查看,编辑,结算,进口和出口的一个UI chrome.storage.localchrome.storage.synclocalStoragesessionStorage

截屏

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

同步内部页面的屏幕截图

谢谢!但为什么我没有看到本地驱动器的扩展?(正在开发的扩展)
2021-03-23 21:50:36
这对我很有效。但是,我有一半希望内容按 chrome 扩展名或其他东西分组;相反,它只是键名。
2021-03-26 21:50:36

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

chrome.storage.sync.get(null, function callback(items) { console.log(items) });
提示:将其保存为 Sources 选项卡中的片段。无论如何,存储区域资源管理器扩展是迄今为止更好的解决方案。
2021-03-28 21:50:36
@wOxxOm 这个评论应该是这个问题的答案
2021-03-29 21:50:36