更新存储在 chrome 扩展本地存储中的对象

IT技术 javascript google-chrome-extension local-storage google-chrome-app
2021-03-22 09:08:48

我正在开发一个 chrome 扩展,我将存储服务器发送的对象。例如,我将收到:

命令 = {id:"1",类型:"A",大小:"B",优先级:"C"}

如果我有一个数据库,我会将它作为一行插入 table commands使用 chrome.storage,我将这些对象的数组存储在 key 中commands

但是,当我收到服务器的新命令时,我必须从本地存储获取,更新阵列,然后重新设置我担心在获取和设置或删除存储的命令时收到另一个命令的情况。我在考虑信号量,但我不知道这是否是个好主意。

有人可以建议我该怎么做吗?

谢谢!

1个回答

扩展可以使用一个数据库:IndexedDB(示例代码可能看起来很复杂,但在实际扩展中它很简单,例如这里的两个小函数,getStyles 和 saveStyle,或IDB-keyval 包装库)。

如果要使用chrome.storage,只需维护一个queue由服务器侦听器填充的全局数组:

queue.push(newItem);
updateStorage();

并在chrome.storage.local.get回调中处理

function updateStorage() {
    if (!queue.length || updateStorage.running) {
        return;
    }
    updateStorage.running = true;
    chrome.storage.local.get('commands', data => {
        data.commands = [].concat(data.commands || [], queue);
        queue = [];
        chrome.storage.local.set(data, () => {
          updateStorage.running = false;
          if (queue.length) updateStorage();
        });
    });
}