无法从开发者工具查看chrome扩展本地存储，但可以从扩展api访问它

Question

如标题所示，我可以通过 api 访问扩展本地存储，但无法通过开发人员工具看到任何键和值。下面是我用来在本地存储中存储和获取密钥的代码。

储存价值

chrome.storage.sync.set({
        'handle': any-variable-which-have-some-value
      });

获取价值

chrome.storage.sync.get('handle', function (savedHandle) {
        console.log(savedHandle.handle);
      });

那么如何从开发者工具中查看存储的值？

Answer 1

打开F12工具并切换到您的扩展程序的上下文，然后在控制台中输入您的代码，您将获得存储空间。

更新：

以下答案只是提供了一些替代方案，请查看。 如何查看已安装的 Chrome 扩展程序的存储空间？

Answer 2

从 Chrome 132 开始，DevTools 内置了对查看扩展存储的支持。您可以在这里阅读更多相关信息：https://developer.chrome.com/docs/devtools/storage/extensionstorage

目前处于 Chrome 测试版中，并将于 1 月初提供稳定版。