addon firefox: thêm biểu tượng vào menu ngữ cảnh

Question

Tôi đang cố gắng tạo addon firefox & Tôi muốn thêm hình ảnh/biểu tượng trong menu nội dung nhấp chuột phải, ví dụ: firebug có biểu tượng trong menu ngữ cảnh nhấp chuột phải,

tôi muốn làm điều gì đó tương tự, addon của tôi cũng bao gồm các mục menu

cấu trúc của addon của tôi trong menu ngữ cảnh:

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

Tôi có thể làm như thế nào?

Answer 1

Bạn phải đặt image attribute, cung cấp cho phần tử class menu-iconic và lưu trữ hình ảnh để bạn có thể truy cập nó.

XUL:

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

JavaScript:

Bạn cũng có thể thiết lập hoặc thay đổi hình ảnh động (có được một tham chiếu đến phần tử đầu tiên):

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

Answer 2

Bạn có thể thêm một bối cảnh menu bằng cách sử dụng hình ảnh SDK Tiện ích Mozilla mới bằng cách sử dụng thuộc tính hình ảnh

dưới tùy chọn Tùy chọn:

chỉ cần thêm thuộc tính hình ảnh giống như hình ảnh

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

này: Biểu tượng của mục, URL chuỗi. URL có thể là từ xa, tham chiếu đến một hình ảnh trong thư mục dữ liệu của tiện ích bổ sung hoặc URI dữ liệu.

Mozilla context menu help page for Addon SDK