google-chrome-extension - Chrome 扩展 : chrome. 存储未定义

Question

我将以下代码添加到我原本可以正常工作的 Google Chrome 扩展程序中……

var storage = chrome.storage ;
console.log("storage is " + storage) ;
var bookmarks = chrome.bookmarks ;
console.log("bookmarks is " + bookmarks) ;

运行后，控制台说

storage is undefined
bookmarks is [object Object] 

换句话说，书签可以正常工作，但在操作中缺少存储。我的 list 同时要求...

{
   ...
   "permissions": [ "bookmarks", "tabs", "storage" ],
}

以防万一，此扩展程序在 Mac OS X 上作为外部扩展程序安装。为确保正确更新，我将上述代码从安装到 ~/Library/Application Support/Google/Chrome/Default/Extensions 的文件中复制.当然，我已经重新启动了 Chrome。

为什么 chrome.storage 可能未定义？

Answer 1

LocalStorage 仅在后台页面和弹出窗口中可用。如果您需要访问某些数据，则需要将消息从当前页面传递到后台页面。这是代码:

在您当前的页面中:

chrome.extension.sendMessage({action:"getstorage"}, function(response){
   console.log("storage is " + response.myVar);  
});

在后台页面:

chrome.extension.onMessage.addListener(function(request, sender, sendResponse) {
  if (request.action == "focusWindow"){
    sendResponse({myVar: localStorage.myStorage});
  }
});

您可以在 Message Passing 上的 chrome 文档中找到更多示例。