如何添加一個下拉菜單到Firefox插件SD卡驅動的插件工具欄按鈕？

Question

我使用https://github.com/erikvold/toolbarbutton-jplib/包來將addon-sdk插件中的工具欄按鈕添加到Firefox導航欄中。是否可以添加一個下拉菜單到這個按鈕（據我所知沒有簡單的方法）？

Answer 1

這就是我的做法;希望對你有效。

var winUtils = require("window-utils"); 

var delegate = { 
    onTrack: function(window) { 
     if(window.location != "chrome://browser/content/browser.xul") { 
      // console.log("=> win location false"); 
      return; 
     } 

     console.log("window tracked"); 

     var document = window.document; 
     var navBar = document.getElementById('nav-bar'); 

     var btn = document.createElement('toolbarbutton'); 
     btn.setAttribute('id', 'button'); 
     btn.setAttribute('type', 'menu-button'); 
     btn.setAttribute('class', 'toolbarbutton-1'); 
     btn.setAttribute('image', 'http://www.facebook.com/favicon.ico'); 

     btn.addEventListener('command', function() { 
     console.log("this=" + this.id); 
        // your callback code here 
       } 
     , false); 

     var menupopup = document.createElement('menupopup'); 
     menupopup.setAttribute('id', 'menupopup'); 
     menupopup.addEventListener('command', function(event) { 
      // TODO your callback 
      } 
     , false); 

     //menu items 
     var menuitem1 = document.createElement('menuitem'); 
     menuitem1.setAttribute('id', 'menuitem1'); 
     menuitem1.setAttribute('label', 'Menu item1'); 
     menuitem1.setAttribute('class', 'menuitem-iconic'); 
     menuitem1.addEventListener('command', function(event) { 
       // CODE 
      } 
     , false); 
} 
    winUtils.WindowTracker(delegate); 

Answer 2

此代碼需要幾行，以實際工作：

var delegate = { 
onTrack: function(window) { 

    if(window.location != "chrome://browser/content/browser.xul") { 
     // console.log("=> win location false"); 
     return; 
    } 

    var document = window.document; 
    var navBar = document.getElementById('nav-bar'); 

    var btn = document.createElement('toolbarbutton'); 
    btn.setAttribute('id', 'button'); 
    btn.setAttribute('type', 'menu-button'); 
    btn.setAttribute('class', 'toolbarbutton-1'); 
    btn.setAttribute('image', 'http://www.facebook.com/favicon.ico'); 

    btn.addEventListener('command', function() { 
      console.log("this=" + this.id); 
      // your callback code here 
     } 
     , false); 

    var menupopup = document.createElement('menupopup'); 
    menupopup.setAttribute('id', 'menupopup'); 
    menupopup.addEventListener('command', function(event) { 
      // TODO your callback 
     } 
     , false); 

    //menu items 
    var menuitem1 = document.createElement('menuitem'); 
    menuitem1.setAttribute('id', 'menuitem1'); 
    menuitem1.setAttribute('label', 'Menu item1'); 
    menuitem1.setAttribute('class', 'menuitem-iconic'); 
    menuitem1.addEventListener('command', function(event) { 
      // CODE 
     } 
     , false); 

    menupopup.appendChild(menuitem1); 
    btn.appendChild(menupopup); 
    navBar.appendChild(btn); 

    console.log("window tracked"); 

    } 
}; 

//let utils = require('api-utils/window-utils'); 
let utils = require('sdk/deprecated/window-utils'); // for new style sdk 
utils.WindowTracker(delegate);