微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

更新 Service Worker、Chrome 扩展程序的本地存储

如何解决更新 Service Worker、Chrome 扩展程序的本地存储

我正在尝试使用 manifest v3 构建自定义图像搜索扩展。我需要在扩展程序的选项(搜索引擎名称、url 等)中保存用户设置的配置,为此我在 options.js 中使用了 chrome.storage.local

问题是当我使用 importSripts 将 options.js 脚本导入到 worker 中时,只导入了初始存储数据(在安装扩展时),而不是用户稍后所做的更改。

所以我每次用户进行图像搜索时都尝试导入脚本,但会出现错误提示脚本只能在安装时导入。

我也尝试使用 localStorage 代替,但这只是给出了一个错误,localStorage 未定义。

解决方法

尽量不要每次都导入脚本 但是每次必须使用其中保存的某些项目时,请尝试检索 chrome.storage.local 内容。 通过这种方式,您确保不会丢失用户所做的任何更新。 此代码也可以包含在您的 Service Worker 脚本中,因此当 Service Worker 在自然休息后重新启动时,您将确保“lS”变量将包含 chrome.storage.local 的更新内容。

var lS;
(async () => {
    let np = new Promise((ok,ko) => {
        chrome.storage.local.get(null,lv => {
            if (chrome.runtime.lastError)
                ko(chrome.runtime.lastError);
            else
                ok(lv)
        })
    });
    lS = await np;
})();

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。