使用检查器无法在 chrome 扩展中找到本地存储集

Question

美好的一天，

我正在开发一个 chrome 扩展，并且正在我的 background.js 中设置本地存储变量。现在我正在尝试调试我的扩展，并尝试找到我设置的键和值，但无论我检查什么（无论是服务工作人员还是应用程序本身），本地存储和会话存储始终为空。查看下面的图片：

我如何在background.js中设置数据：

const userData = JSON.stringify("authcode_123");
const nodeData = JSON.stringify("node_123");

chrome.storage.local.set(
    { userStatus: signIn, user_info: userData,
        node_info: nodeData, extStatus: true },
    function (response) {
        if (chrome.runtime.lastError) resolve('fail');
        user_signed_in = signIn;
        resolve('success');
    }
);

当我使用以下代码测试它时：

chrome.storage.local.get(
    ['userStatus', 'user_info', 'node_info', 'extStatus'],
    function (result) {
        console.log(result);
    }
);

我得到了正确的值：

但是应用程序内存到处都是空的：

任何人都知道我还可以检查什么，或者我是否必须以某种方式重新加载应用程序存储才能看到它？

Answer 1

事实证明，从 chrome.storage API 访问的“本地存储”与从“Web 存储 API”访问的浏览器本地存储不相同。 他们在扩展的存储 api 页面中做出了这种区分，尽管很微妙。 （我当然错过了！）

https://developer.chrome.com/docs/extensions/reference/api/storage#usage

扩展程序可以使用网络存储 API 吗？虽然扩展可以使用 某些中的存储接口（可从 window.localStorage 访问） 上下文（弹出窗口和其他 HTML 页面），我们不推荐将其用于 原因如下：...

据我所知，除了通过控制台到处记录之外，没有内置方法可以查看扩展存储。但这里描述的扩展是有效的：

https://stackoverflow.com/a/30633531/20479

是的，它是一个调试扩展的扩展。要查看它，您需要打开常规开发工具（通常在扩展的服务工作人员上）并查看选项卡在最右侧。