Google ChromeのストレージAPIとのやり取り

Question

JavaScriptとChrome拡張プログラムの新機能は比較的新しいので、ブラウザにデータをローカルに保存できるストレージAPIとのやりとりに問題がありました。 chrome.storageのドキュメントを慎重に読んだ後も、ストレージには何もロードできませんでした。これまで私が2つの部分に分かれているコードは、最初は名前とタブを定義するコードです。

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

誰もがこのコードではエラーが表示さん：それはストレージと対話することになっている第2の機能を呼び出しますか？ manifest.jsonファイルに "storage"権限の他に拡張機能が設定されている必要がありますか？どんな助けでも大歓迎です。

Answer 1

最後に、あなたが望むものを理解しています。

あなたは次の行を呼び出すと、私はあなたがnameの値がキーになりたいと思いますが、しかし、それは実際にキーとして"name"を使用して、それはあなたのストレージに一つだけのアイテムがあることを意味します、そのキーは"name"です。

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

は何が欲しいのは、これがComputed property namesと呼ばれ、[name]を使用することです。

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