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

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 和内容脚本是否重新加载，或者它们一直在后台运行？

- Cameron Martin

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

- Wladimir Palant