firefox addon: ajouter une icône au menu contextuel

Question

J'essaie de créer un addon Firefox & Je veux ajouter une image/icône dans le menu du contenu du clic droit, par exemple, firebug avait une icône dans le menu contextuel du clic droit,

Je veux faire quelque chose de semblable, mon addon se compose également d'éléments de menu

la structure de mon addon dans le menu contextuel:

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

Comment puis-je le faire?

Answer 1

Vous devez définir le image attribute, donner l'élément class menu-iconic et stocker l'image pour que vous puissiez y accéder.

XUL:

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

JavaScript:

Vous pouvez également définir ou modifier l'image dynamique (obtenir une référence à l'élément premier):

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

Answer 2

Vous pouvez ajouter un contexte menu à l'aide de la nouvelle image de SDK Mozilla Add-ons en utilisant la propriété d'image

under Options: En option

il suffit d'ajouter l'attribut d'image comme celui-ci

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" }) 
     ] 
}); 

Image: icône de l'élément, une URL de chaîne. L'URL peut être distante, une référence à une image dans le répertoire de données du module ou une URI de données.

Mozilla context menu help page for Addon SDK