javascript - 如何在 Mozilla Firefox 扩展中的特定 url/网页上添加按钮

Question

我是 Mozilla 扩展的新手。谁能帮助我。请告诉我如何
在 mozilla 扩展中的特定网址上添加按钮。

Answer 1

您也可以page-mod使用include特定的 URL 并contentScriptFile添加按钮，或者如果您的按钮是小部件，则发布消息。

Answer 2

您可以添加一个事件监听器来监听每个页面加载，验证当前页面是否是您想要的页面，然后创建按钮并将其附加到您想要的位置：

window.addEventListener("DOMContentLoaded", function(e) {
    // Validate if you are in the right page
    if (gBrowser.currentURI.spec.indexOf("google.com") != -1) {
        // Validate if you don't already have the button in the page
        if (!document.getElementById("MyCustomButton")) {
            //get a page element where you want to position your button
            var place = gBrowser.contentDocument.getElementById("gbqfbwa");
            if (place != undefined) {

                var htmlns = "http://www.w3.org/1999/xhtml";
                // create an html button
                var button = document.createElementNS(htmlns,"button");
                button.id = "MyCustomButton";
                button.innerHTML = "Go there";

                // Append it to the page
                place.appendChild(button);
            }
        }
    }

}, false);

这会在“我很幸运”按钮的右侧附加一个图标。