Firefox 扩展打开一个 HTML 选项页面

Question

我有一个选项页面，我的扩展名为HTML和JavaScript TIO在选择选项时被激活。该扩展程序是一个悬停在网页上的窗口，其中已经有一个“选项”按钮。

单击按钮时，我需要在浏览器的单独选项卡中打开选项页面。 到目前为止我所拥有的是：

mainPanel.port.on("options", function () {
    currentUser=null;
    mainPanel.hide();
    var url = serverURL+"/options.html";
    tabs.open(url);
});

options.html 存储在扩展程序的主文件中，serverURL 是指扩展程序联系获取信息的主服务器。

Answer 1

在这种情况下，您需要使用 Port.on()/Port.emit() 从 options.html 发送控制选项，例如单击设置按钮。

    options.html

    var panelIsOpen = 0;

    $('#settings').click(function() {
            self.port.emit("statusoptions", {optionsIsOpen:1});
        });

    popup.html

    Panel.port.on("statusoptions", function (panda) {
            if(panda.optionsIsOpen === 1){
                Panel.hide();
                tabs.open({
                    url: "options.html",
                    onReady: function onReady(tab) {
                       Panel.hide();
                    },
                    contentScriptFile: [
                        data.url("js/jquery-2.0.0.min.js"),
                        data.url("js/options.js")],
                });
            }
        });