HTML5本地存储，如何传递变量？

Question

好吧，这是我的问题。我正在写一个Chrome扩展程序，快完成了，但问题是，例如：

[Page popup.html]

localStorage["code"] = "alert('Hello!');";

[Fileinjection.js;每次加载页面时都会调用它，我认为是内容脚本]

localStorage["code"] = (localStorage["code"] != undefined) ? localStorage["code"] : "alert('Default!');";
eval(localStorage["code"]);

我尝试了两种方法，第一件事是不要打开弹出窗口，这样我加载的每个页面都会运行命令alert("Default!");它有效。然后我尝试先加载弹出窗口，然后我意识到变量 localStorage["code"] 现在取决于我加载的页面，而不是我的扩展。快速解释一下，在我的扩展中， localStorage["code"] == "alert('Hello');"; 但在 http://google.com localStorage["code"] == ""; 或在 http://facebook.com localStorage["code"] == "";。

我的问题是，是否有办法从 popup.html 存储注入.js 可以访问的 localStorage["code"] ？

Answer 1

三种是两种本地存储 - 一种属于扩展本身（只能从后台页面、弹出页面或捆绑到扩展包中的任何页面访问），另一种属于站点（只能从内容脚本访问） 。

因此，如果您需要从内容脚本访问在弹出窗口中设置的本地存储值，则需要向后台页面发送请求，读取那里的值，然后将其发送回内容脚本。 消息传递文档中介绍了如何执行此操作。

Answer 2

检查一下：

内容脚本：

chrome.extension.sendRequest({ action : "getCode" }, function(response) {
    alert(response.getCode);
}); 

背景页面：

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) 
{   
    case "getCode":
        sendResponse({ getCode: localStorage['code'] });
    break;
}