在窗口小部件上运行内容脚本点击firefox扩展

Question

我刚刚完成了一个Chrome浏览器扩展，它在点击浏览器按钮时添加一个内容脚本。 我正在寻找一个相同的方式来完成它与Firefox，我发现PageMod，但它似乎不工作的onclick事件到我的小部件。

有任何建议可以做到这一点？

Answer 1

我猜你称之为“浏览器按钮”是Mozilla称之为widget。激活page-mod不需要您单击任何内容，只需“附加”（打开）匹配的网页即可。

要与小窗口的点击下页内容（页面的DOM）互动，widget的onClick属性的值应该是没有争论，其中一个变量设置为活动标签的attach事件的匿名函数：

var self=require("self"); 
var data = self.data; 
var widget = require("widget"); 
var tabs = require("tabs"); 


var erase = widget.Widget({ 
id: "magated", 
label: "click this widget", 
content: "<div>?</div>", 
contentScriptWhen: "start", 
contentScriptUrl: data.url("cs.js"), 
onClick:function() { 
    worker = tabs.activeTab.attach({ 
    contentScriptWhen: "start", 
    contentScriptFile: [data.url("cs.js")], 
    }); 
    worker.port.emit("dothing", tabs.activeTab.url); 
}, 
}); 

在cs.js

可能会发现如下：

self.port.on("dothing", function (url) { 
    var bigUrl = document.createElement("h1"); 
    bigUrl.textContent = url; 
    document.body.insertBefore(bigUrl, document.body.firstElementChild); 
});