addon de firefox: agregar icono al menú contextual

Question

Estoy tratando de construir un complemento de Firefox & Quiero agregar imagen/icono en el menú contextual, por ejemplo, firebug tenía un ícono en el menú contextual del botón derecho,

lo que quiero hacer algo similar, mi complemento también se compone de elementos de menú

estructura de mi complemento en el menú contextual:

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

¿Cómo puedo hacerlo?

Answer 1

Debe configurar el image attribute, dele el elemento class menu-iconic y almacene la imagen para que pueda acceder a ella.

XUL:

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

JavaScript:

También puede establecer o cambiar la imagen de forma dinámica (obtener una referencia al primer elemento):

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

Answer 2

se puede añadir un contexto menú utilizando la nueva imagen del SDK de Complementos de Mozilla con la propiedad de imagen

en opciones opcionales:

Sólo tiene que añadir el atributo de imágenes como esta imagen

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

: el icono del elemento, una URL cadena. La URL puede ser remota, una referencia a una imagen en el directorio de datos del complemento o un URI de datos.

Mozilla context menu help page for Addon SDK