javascript - Chrome 扩展程序 : Content of localStorage is not visible in Chrome DevTools

Question

这个问题已经有答案了:

Inspect extension's chrome.storage in devtools (3 个回答)

已关闭 7 年前。

我在 DevTools 中查看 chrome-extension 的本地存储内容时遇到问题(它适用于常规网站，唯一的问题是 chrome-extension)。我尝试检查常规页面的资源>本地存储，但也检查我的 chrome 扩展的弹出和后台检查页面。

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

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... ，但我在那里没有看到任何键/值。

知道为什么会发生这种情况，以及我如何查看资源>本地存储下的值。

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

Answer 1

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

This API has been optimized to meet the specific storage needs of extensions. It provides the same storage capabilities as the localStorage API with the following key differences:

... ...

It's asynchronous with bulk read and write operations, and therefore faster than the blocking and serial localStorage API.

User data can be stored as objects (the localStorage API stores data in strings).

...