Javascript 如何将选项卡缩略图保存到本地存储？

我正在努力跟踪我的google chrome扩展的标签缩略图，并希望能够将它们保存到本地存储中。目前，我有以下几点：

chrome.tabs.captureVisibleTab(tab.windowId, function(thumb) {
     // other code here...
}

如何将thumb保存到本地存储？或者我不应该将thumb保存到本地存储，而应该在下次浏览器加载时重新加载这些缩略图吗？

的回调接收到一个数据URI（

数据：image/png；base64，

或

数据：image/jpg；base64，

）。这是一个普通字符串，可以保存在

localStorage

中，如下所示：

chrome.tabs.captureVisibleTab(tab.windowId, function(thumb) {
    // Example: Save by key URL
    localStorage.setItem(tab.url, thumb);
}); // <-- Don't forget the closing parenthesis..

for (var i=0; i<localStorage.length; i++) {
    var keyname = localStorage[i];            // Or localStorage.key(0);
    var thumb = localStorage.getItem(keyname);// <-- Retrieve the value
}

如果您不喜欢拇指，可以使用

localStorage.removietem

方法将其删除：

var keyname = 'https://stackoverflow.com/';  // For example
localStorage.removeItem(keyname);

注意：

本地存储

限制为5MB。考虑使用异步API来持久化数据。