Взаимодействие с API хранения Google Chrome

Question

Я относительно новичок в JavaScript и совершенно новый для программирования Chrome Extension, и у меня возникли проблемы с взаимодействием с API хранения, который может локально хранить данные в вашем браузере. После тщательного изучения документации chrome.storage я до сих пор не смог загрузить что-либо в хранилище. Вот код, который у меня есть до сих пор в двух частях, первый - это мой код, который определяет имя и вкладки. Он вызывает вторую функцию, которая, как предполагается, будет взаимодействовать с хранения:

var groupmaker = function() { 
 
    var $tabs = document.querySelector("tabs-"); 
 
    var $input = document.querySelector("input"); 
 
    chrome.tabs.query({windowId: chrome.windows.WINDOW_ID_CURRENT}, function(tabs) { 
 
     setData($input.value, tabs) 
 
     $tabs.innerHTML = `<h1>${$input.value}</h1>`; 
 
     tabs.forEach(tab => { 
 
     $tabs.innerHTML += ` 
 
      <a href='${tab.url}'> 
 
      <p>${tab.title}</p> 
 
      </a> 
 
     `; 
 
     }); 
 
     $tabs.querySelector('h1').addEventListener('click', toggleHidden); 
 
    }); 
 
    };

var setData = function(name, tabs){ 
 
    chrome.storage.local.set({ name: JSON.stringify(tabs) }, function(){ 
 
    // Now data has been saved get ALL data (by passing in null) 
 
    chrome.storage.local.get(null, function(items){ 
 
     console.log(items) 
 
    }); 
 
    }); 
 
}

ли кто-нибудь увидеть ошибку в этом коде? Есть ли что-то особенное, которое необходимо настроить в файле manifest.json, чтобы расширение работало помимо разрешения «хранения»? Любая помощь будет принята с благодарностью.

Answer 1

Наконец-то я понимаю, чего вы хотите.

При вызове следующей строки, я предполагаю, что вы хотите получить значение из name быть ключ, однако, на самом деле использует "name" в качестве ключа, что означает, что будет только один пункт в вашем хранилище , чей ключ "name".

chrome.storage.local.set({ name: JSON.stringify(tabs) }) 

Что вы хотите использовать [name], это называется Computed property names.

chrome.storage.local.set({ [name]: JSON.stringify(tabs) })