1

我正在使用插件构建器创建一个 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'
  });
4

1 回答 1

3

我相信该port系统是与面板页面交互的推荐途径。然而，这里是您如何解决您发布的localStorage通过 Firefox 插件访问页面的问题。

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

有了它，您将能够像在网页中一样localStorage使用该storage对象访问页面。例如storage.setItem('key', 'value')和storage.getItem('key')。

于 2013-03-25T17:03:29.627 回答