在 Chrome 扩展中存储对象：无法读取未定义的属性“推送”

如何解决在 Chrome 扩展中存储对象：无法读取未定义的属性“推送”

我试图根据 this answer 在 Chrome 存储中存储对象。

更新存储

function updateLocalChromeStorage(key,obj) {
    var myObjArray = [];
    chrome.storage.local.get(key,function (result) {
        if (result) {
            myObjArray = result[key];
        }
        myObjArray.push(obj);
        chrome.storage.local.set({ key: myObjArray });
    });
}

当前标签url函数

function getCurrentTabUrl(callback) {
    chrome.tabs.query({ active: true,currentwindow: true },function (tabs) {
        var tab = tabs[0];
        var url = new URL(tab.url)
        var domain = url.hostname;
        callback(domain);
    });
}

点击事件

document.getElementById('save').addEventListener('click',function () {
    if (document.getElementById('block').checked) {
        getCurrentTabUrl(function (url) {
            updateLocalChromeStorage('myObjArray',url);
        });
    }
});

出现错误 Error handling response: TypeError: Cannot read property 'push' of undefined。

非常感谢任何帮助。谢谢

解决方法

尝试将“key”括在方括号中

function updateLocalChromeStorage(key,obj) {
    var myObjArray = [];
    chrome.storage.local.get([key],function (result) {
        if (result[key]) {
            myObjArray = result[key];
        }
        myObjArray.push(obj);
        chrome.storage.local.set({ [key]: myObjArray });
    });
}

,

通过重写点击事件并在事件中加入 updateLocalChromeStorage 函数活动，我找到了解决方法。

document.getElementById('save').addEventListener('click',function () {
    if (document.getElementById('block').checked) {
        getCurrentTabUrl(url => {
            chrome.storage.sync.get('blockedUrl',({ blockedUrl = [] }) => {
                blockedUrl.push([url]);
                chrome.storage.sync.set({ blockedUrl });
            });
        })
    }
});