addon firefox: aggiunta icona al menu di contesto

Question

Sto cercando di creare un componente firefox & Voglio aggiungere immagine/icona nel menu di selezione del clic destro, ad esempio, firebug aveva un'icona nel menu di scelta rapida,

voglio fare qualcosa di simile, il mio addon si compone anche di voci di menu

struttura del mio addon nel menu contestuale:

[icon] [menu] 
      [menu item 1] 
      [menu item 2] 
      [menu item 3] 
      [menu item 4] 

Come posso farlo?

Answer 1

È necessario impostare image attribute, assegnare l'elemento class menu-iconic e memorizzare l'immagine in modo che sia possibile accedervi.

XUL:

<menu id="someid" label='your label' 
      class="menu-iconic" 
      image='chrome://addon/skin/image.png'> 
... 
</menu> 

JavaScript:

È inoltre possibile impostare o modificare l'immagine in modo dinamico (ottenere un riferimento al primo elemento):

menu.setAttribute('image', 'chrome://addon/skin/image.png'); 

Answer 2

È possibile aggiungere un contesto menu utilizzando la nuova immagine SDK di Mozilla Add-ons utilizzando la proprietà image

sotto opzionale Opzioni:

basta aggiungere l'attributo di immagini come questa immagine

var menuItem = contextMenu.Menu({ 
    include: "*.stackoverflow.com", 
    label: "do something", 
    image: "data:image/png;base64,iVBORw0KGgoAA ...", 
    context: contextMenu.SelectorContext('div.someclass'), 
    contentScriptFile: data.url("cs.js"), 
    items: [ 
     contextMenu.Item({ label: "Item 1", data: "item1" }), 
     contextMenu.Item({ label: "Item 2", data: "item2" }), 
     contextMenu.Item({ label: "Item 3", data: "item3" }) 
     ] 
}); 

: icona dell'elemento, un URL di stringa. L'URL può essere remoto, un riferimento a un'immagine nella directory dei dati del componente aggiuntivo o un URI di dati.

Mozilla context menu help page for Addon SDK