Firefox-Addon: Hinzufügen von Symbol zum Kontextmenü

Question

Ich versuche ein Firefox-Addon zu erstellen & Ich möchte Bild/Symbol in der rechten Maustaste auf Content-Menü, zum Beispiel Firebug hatte ein Symbol im Kontextmenü,

was ich tun möchte etwas ähnliches, mein Addon besteht auch der Menüpunkte

Struktur meiner Add-on in Kontextmenü:

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

Wie kann ich es tun?

Answer 1

Sie müssen die image attribute setzen, geben Sie das Element class menu-iconic und speichern Sie das Bild, so dass Sie darauf zugreifen können.

XUL:

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

JavaScript:

Sie können auch dynamisch gesetzt oder das Bild ändern (eine Referenz auf das Element erhalten zuerst):

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

Answer 2

Sie können einen Kontext hinzufügen Menü mit dem neuen Mozilla Add-ons SDK-Bild mit der Image-Eigenschaft

unter Optional Optionen:

fügen Sie einfach das Bild Attribut wie dieses

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

Bild: Das Symbol des Elements, eine String-URL. Die URL kann remote sein, ein Verweis auf ein Bild im Datenverzeichnis des Add-ons oder ein Daten-URI.

Mozilla context menu help page for Addon SDK