Question

我正在设计一个firefox扩展，我想在地址栏附近添加一个按钮。然后我需要将一个书签附加到该按钮。

有人可以告诉我，我必须使用哪些API来创建该按钮并添加书签？

Answer 1

以下是使用Erik Vold的toolbarbutton库在地址栏附近添加按钮的示例：

const data = require("self").data;
const tabs = require("tabs");

exports.main = function(options) {
    var btn = require("toolbarbutton").ToolbarButton({
        id: 'my-toolbar-button',
        label: 'Add skull!',
        image: data.url('skull-16.png'),
        onCommand: function() {
            if (typeof(tabs.activeTab._worker) == 'undefined') {
                let worker = tabs.activeTab.attach({
                    contentScript: 'self.port.on("sayhello", function() { alert("Hello world!"); })'
                });
                tabs.activeTab._worker = worker;
            }
            tabs.activeTab._worker.port.emit("sayhello");
        }
    });

    if (options.loadReason === "install") {
    btn.moveTo({
      toolbarID: "nav-bar",
      forceMove: false // only move from palette
    });
  }
};

您还可以在Add-on Builder网站上看到这是一个可运行的示例：

https://builder.addons.mozilla.org/addon/1044724/latest/

如何在地址栏附近创建按钮？

1 个答案: