Chrome 扩展：localStorage 的内容在 Chrome DevTools 中不可见 [重复]

Question

我在 DevTools 中查看 chrome-extension 的本地存储内容时遇到问题（它适用于常规网站，唯一的问题是 chrome-extension）。我已尝试检查 Resources > Local Storage 是否有常规页面，以及我的 chrome-extension 的弹出和后台检查页面。

如果我打开控制台并执行：

chrome.storage.local.get('config', function(result) {console.log(JSON.stringify(result));});

我明白了

{"config":{"version":"0.4.1"}}

但在资源>本地存储

下不可见

我也可以设置

chrome.storage.local.set({"config":{"version":"0.5"}});

并重新读取新值：0.5。

注意：在“资源”>“本地存储”中，我确实看到了我的扩展的条目：chrome-extension:ld...，但我在那里看不到任何键/值。

知道为什么会发生这种情况，以及我如何在 Resources > Local Storage 下查看值。

我不知道有任何方法可以在 ma​​nifest.json 或类似文件中启用对它的访问。

Answer 1

chrome.storage.* API 中存储的任何数据都不会出现在资源面板中，因为这些 API 与 localStorage 不同，而不仅仅是围绕它的包装。

此 API 已经过优化以满足特定存储需求 扩展名。它提供与 localStorage API 具有以下主要区别：

... ...

它与批量读写操作是异步的，并且 因此比阻塞和串行 localStorage API 更快。

用户 数据可以存储为对象（localStorage API 将数据存储在 字符串）。

...