我正在使用新的FireFox插件SDK开发扩展。我有一个带有面板的小部件。该面板用于控制首选项,因此我需要从面板的内容脚本访问简单存储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和内容脚本,还是始终在后台运行它们?
最佳答案
是的,我认为每次显示面板时都会重新加载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);
}
});
关于javascript - Firefox Addons SDK-如何从内容脚本访问简单存储?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8732172/