在 Firefox 附加内容脚本中接收来自 main.js 的消息

Question

我正在尝试在 main.js 和内容脚本之间进行通信。这是我的 main.js:

var pageMod = require('sdk/page-mod');
var self = require('sdk/self');
var ss = require('sdk/simple-storage');

pageMod.PageMod({
    include: 'example.com',
    contentScriptFile: self.data.url('content-script.js'),
    onAttach: function(worker) {
        worker.port.on('getSetting', function(request) {
            // var settingValue = ss.storage[request]
            var settingValue = 'test value'; // for testing, return an 
                                             // arbitrary string
            worker.port.emit('settingRetrieved', settingValue);
        });
    }
});

和content-script.js：

alert('getting setting...');
self.port.emit('getSetting', 'test setting name');
alert('asked for setting...');
self.port.on('settingRetrieved', function(results) {
    alert('retrieved setting: "' + results + '"');
});

content-script.js 中的 self.port.on() 似乎没有收到来自 main.js 的消息。我做错了什么？

Answer 1

捂脸。来自 content-script.js 的代码被包装在 jQuery 事件处理程序中，因此 self.port.on() 无法正常收听。

这是工作代码——首先，main.js:

var pageMod = require('sdk/page-mod');
var self = require('sdk/self');
var ss = require('sdk/simple-storage');

pageMod.PageMod({
    include: 'example.com',
    contentScriptFile: self.data.url('content-script.js'),
    onAttach: function(worker) {
        worker.port.on('getSetting', function(request) {
            var settingValue = ss.storage[request];
            worker.port.emit('settingRetrieved',
                {
                    'settingName': request,
                    'settingValue': settingValue,
                }
            );
        });
    }
});

和content-script.js：

// Store the setting value
var mySetting = '';

// Listen for retrieval the setting value
self.port.on('settingRetrieved', function(results) {
    mySetting = results['settingValue'];
});

// Generic function to retrieve a setting value
function getSetting(setting) {
    self.port.emit('getSetting', setting);
}

// Retrieve the value of 'mySetting' and do something with it
$(document).ready(function() {
    $('#my-element').click(function() {
        getSetting('mySetting');
        /*
        ...
        Value of mySetting has been updated; do something with it here
        ...
        */
    });
});

在 Firefox 附加内容脚本中接收来自 main.js 的消息

Receive message from main.js in Firefox add-on content script

javascript

firefox

firefox-addon

firefox-addon-sdk