firefox插件中的面板内容脚本和页面内容脚本之间的localStorage

Question

我使用插件生成器创建了一个Firefox插件，我想从页面内容保存一个值，然后从面板内容脚本中读取它。我想使用localStorage，但我尝试过，并且无法在页面和面板脚本之间共享相同的localStorage。我也尝试过使用self.port.emit，并且这个方法工作的很好，我可以用port.emit和port.on发送值，但这不是我想要的，因为我需要每秒刷新一次这个值，如果我使用该方法，然后浏览器被重载端口请求，这就是为什么我想要使用localStorage或可以存储在变量中并可以通过面板脚本轻松访问的东西。

这里我附上面板脚本，它会读取页面脚本保存的值。

var panel = require("panel").Panel({ 
      width: 100, 
      height: 100, 
      contentScriptFile: data.url("panel_script.js") 
    }); 

这里我附上了页面脚本，它将保存页面内容的值，面板脚本会读取它。

var pageMod = require("page-mod"); 
pageMod.PageMod({ 
    include: "*", 
    contentScriptFile: self.data.url("page_script.js"), 
    contentScriptWhen: 'ready' 
    }); 

Answer 1

我相信port系统是与Panel页面交互的推荐路线。不过，您可以通过Firefox插件来解决您发布的访问localStorage页面的问题。

var chrome = require('chrome'); 
var data = require('sdk/self').data; 

var ios = chrome.Cc["@mozilla.org/network/io-service;1"] 
       .getService(chrome.Ci.nsIIOService); 
var ssm = chrome.Cc["@mozilla.org/scriptsecuritymanager;1"] 
       .getService(chrome.Ci.nsIScriptSecurityManager); 
var dsm = chrome.Cc["@mozilla.org/dom/storagemanager;1"] 
       .getService(chrome.Ci.nsIDOMStorageManager); 

var uri = ios.newURI(data.url('index.html'), "", null); 
var principal = ssm.getCodebasePrincipal(uri); 
var storage = dsm.getLocalStorageForPrincipal(principal, data.url('index.html')); 

这样，您就可以使用storage对象访问页面的localStorage，你通常会在网页中。例如storage.setItem('key', 'value')和storage.getItem('key')。