如何在首次安装时在插件栏上添加图标？

Question

我按照此文档 Mozilla 开发者网络：创建工具栏按钮 为我的插件创建一个按钮。它确实有效，但是当我第一次安装插件时，图标没有显示在插件栏上。

如何让图标在用户安装我的插件后立即出现在插件栏上，然后保留他的位置首选项？

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="chrome://.../content/firefox/browser.css"?>

<overlay xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

  <script type="text/javascript" src="chrome://...../content/firefox/browser.js" />

  <toolbarpalette id="BrowserToolbarPalette">
    <toolbarbutton id=".....-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
      label="...." tooltiptext="Facebook Manager"
      oncommand="System.......Toolbar.Show(event)" />
  </toolbarpalette>

</overlay>

如何将按钮自动添加到插件栏一次？

我发现这段代码以编程方式添加按钮，它显示了我的按钮，但它与其他按钮混淆了。

var myId    = "myaddon-button";
var navBar  = document.getElementById("addon-bar");
var curSet  = navBar.currentSet.split(",");

if (curSet.indexOf(myId) == -1) {
    var set = curSet.slice(0, curSet.length).concat(myId).concat(curSet.slice(curSet.length));

    navBar.setAttribute("currentset", set.join(","));
    navBar.currentSet = set.join(",");
    document.persist(navBar.id, "currentset");
    try {
        BrowserToolboxCustomizeDone(true);
    }
    catch (e) {}
}

Answer 1

插件栏工作正常。

你只需要把你的元素放在工具栏中并给它一个 addon-bar 的 id
示例：

你的 js 放在这里

    <toolbar id="addon-bar">
        <menulist>
            <your dropdown blah blah blah>
        </menulist>
    </toolbar
</overlay>

Answer 2

添加按钮不是“安装操作”。您只需将该按钮声明为叠加层的一部分，并在应用扩展叠加层时将其添加进去。

无论如何，看起来您正在将按钮添加到工具栏选项板中...因此，当您右键单击顶部工具栏并单击“自定义...”时，它将显示在按钮的大列表中

插件栏位于底部，您可以像这样添加：

<toolbar id="addon-bar">
  <!-- your elements go here. toolbarbutton, etc -->
</toolbar>

Answer 3

看来 addon-bar 已损坏，但我可以通过查看 Firebug 的代码将其添加到 nav-bar 上。

if (firstrun) // from preferences
{
    Services.prefs.setBoolPref("extensions.addon.FirstRun", false);
    Services.prefs.setCharPref("extensions.addon.InstalledVersion", curVersion);

    var startButtonId = "addon-button";
    var navBar = document.getElementById("nav-bar");
    var currentSet = navBar.getAttribute("currentset");
    if (!currentSet)
        currentSet = navBar.currentSet;

    var curSet = currentSet.split(",");
    if (curSet.indexOf(startButtonId) == -1)
    {
        var set = curSet.concat(startButtonId);
        navBar.setAttribute("currentset", set.join(","));
        navBar.currentSet = set.join(",");
        document.persist(navBarId, "currentset");

        try
        {
            BrowserToolboxCustomizeDone(true);
        }
        catch (e) {}
    }
}