Question

我正在使用新的FireFox Addons SDK开发扩展程序。我有一个小部件，附有一个面板。该面板用于控制首选项，因此我需要从面板的内容脚本中访问simple-storage api。我知道您无法直接访问API，因此我尝试使用消息传递。继承人我得到了什么：

exports.main = function() {
    var panel = require('panel');
    var ss = require('simple-storage');

    var prefPanel = panel.Panel({
        contentURL: self.data.url('prefPanel.html'),
        contentScriptFile: self.data.url('prefPanel.js'),
        contentScriptWhen: 'ready',
        onMessage: function(message) {
            switch(message.method) {
                case 'setValue':
                    ss.storage[message.key] = message.value;
            }
        },
    });

    prefPanel.postMessage(ss.storage);


    require('widget').Widget({
        id: 'ml-pref-button',
        content: 'ML',
        width: 30,
        panel: prefPanel,
    })
}

在prefPanel.js中我得到了：

self.on('message', function(storage) {

    storage.setValue = function(key, value) {
        this[key] = value;
        self.postMessage({
            method: 'setValue',
            'key': key,
            'value': value,
        });
    }

    // Do some stuff, using storage object

});

问题是，我收到此错误：

Error: An exception occurred.
Traceback (most recent call last):
  File "resource://jid0-wdemwzahwzh3bsw0kkxlcjg9e7k-at-jetpack-api-utils-lib/content/worker.js", line 405, in postMessage
    throw new Error(ERR_DESTROYED);
Error: The page has been destroyed and can no longer be used.

我想这是因为prefPanel DOM和内容脚本尚未加载。每次显示面板时是重新加载DOM和内容脚本，还是它们总是在后台运行？

Answer 1

是的，我认为每次显示面板时都会重新加载DOM和内容脚本（您可以轻松测试这是否正确，只需将console.log("loaded")调用放入您的内容脚本中）。因此，您只需在显示面板时发送消息：

var prefPanel = panel.Panel({
    contentURL: self.data.url('prefPanel.html'),
    contentScriptFile: self.data.url('prefPanel.js'),
    contentScriptWhen: 'ready',
    onMessage: function(message) {
        switch(message.method) {
            case 'setValue':
                ss.storage[message.key] = message.value;
        }
    },
    onShow: function() {
        prefPanel.sendMessage(ss.storage);
    }
});

Firefox Addons SDK - 如何从内容脚本访问简单存储？

1 个答案: