Update object stored in chrome extension’s local storage

by

Extensions can use a database: IndexedDB (the sample code may look convoluted, but it’s pretty simple in the actual extensions, for example two small functions here, getStyles and saveStyle, or IDB-keyval wrapper library).

If you want to use chrome.storage, just maintain a global queue array that is populated by the server listener:

queue.push(newItem);
updateStorage();

and processed in chrome.storage.local.get callback:

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();
        });
    });
}

More Related Contents:

  1. Chrome Extension Message passing: response not sent
  2. window.localStorage vs chrome.storage.local
  3. Unchecked runtime.lastError when using Chrome API
  4. Communicating between a Chrome packaged app and a Chrome extension?
  5. Store an array with chrome.storage.local
  6. How can I get the current Crome URL?
  7. Chrome extension that enables chatting with users on same page [closed]
  8. use localStorage across subdomains
  9. Sending message from a background script to a content script, then to a injected script
  10. Get HTML5 localStorage keys
  11. Pass data or modify extension html in a new tab/window
  12. How to delete a localStorage item when the browser window/tab is closed?
  13. Chrome Extension – How to get HTTP Response Body?
  14. Is localStorage.getItem(‘item’) better than localStorage.item or localStorage[‘item’]?
  15. Unchecked runtime.lastError while running tabs.executeScript?
  16. Copy to Clipboard in Chrome Extension
  17. Google Chromecast sender error if Chromecast extension is not installed or using incognito
  18. Upload File as a Form Data through chrome extension
  19. Check if user has a third party Chrome extension installed
  20. Chrome extension: Inject JS before page load
  21. Javascript/HTML Storage Options Under File Protocol (file://)
  22. How can I serialize a function in JavaScript?
  23. How to detect the installed Chrome version?
  24. How do I redirect to a URL using a Google Chrome Extension & Content Script?
  25. Is it possible to remove “Inspect Element”?
  26. How to get errors stack trace in Chrome extension content script?
  27. How can I enter data into a custom-handled input field?
  28. Pass a variable from content script to popup
  29. Can I use puppeteer inside chrome extension
  30. Cross-domain XMLHttpRequest using background pages

Leave a Comment