Question

我是Firefox插件开发的新手。

我需要一种方法从firefox插件中的main.js调用contentcript函数。

我已在每个开放网页上注入了contentcript xyz.js。

我想从我的main.js中调用我的脚本xyz.js中的函数abc（），点击我在导航工具栏中的一个按钮。

以下是我的代码。

Main.js

..
function addToolbarButton() {
    var document = mediator.getMostRecentWindow('navigator:browser').document;        
    var navBar = document.getElementById('nav-bar');
    if (!navBar) {
        return;
    }
    var btn = document.createElement('toolbarbutton');  
    btn.setAttribute('id', 'mybutton-id');
    btn.setAttribute('type', 'button');
    btn.setAttribute('class', 'toolbarbutton-1');
    btn.setAttribute('image', data.url('icon_16.png'));
    btn.setAttribute('orient', 'vertical');
        btn.setAttribute('label', 'Test');
        btn.addEventListener('click', function() {
            tabs.activeTab.attach({
            //

                abc()     //here i want to call the function present in my contentscript 

            //
        });
        }, false)
    navBar.appendChild(btn);
}

..

xyz.js

..

function abc(){
//here is my code logic
}

..

我开始知道消息传递是这样做的，但无法在firefox中实现。

请帮助我，我被困了。

Answer 1

您无法直接调用该函数，您需要向内容脚本发送消息。意思是这样的：

var worker = tabs.activeTab.attach({
  ...
});

// Some time later
worker.postMessage("doABC");

在内容脚本中：

self.on("message", function(message) {
  if (message == "doABC")
    abc();
});

有关与内容脚本通信的详细信息，请参阅documentation。

Answer 2

根据文件，它应该以这种方式工作;

但是我有类似的问题Accessing pre-loaded content script from ActionButton尚未解决。

// main.js
function handleClick(state) {
    var myWorker = tabs.activeTab.attach({

    });   
    myWorker.port.emit("initialize", "Message from the add-on");
}

// content.js
/*BEGIN Listen events coming from Add-on script*/
self.port.on("initialize", function () {
    alert('self.port.on("initialize")');
    return;   
});

如何从firefox插件中的main.js调用内容脚本函数

2 个答案: