Firefox 扩展菜单项图像不显示

Question

我正在开发一个 Firefox 扩展，它可以根据从服务器获取的数据创建书签菜单。我想为每个菜单项添加图标，但我似乎无法让它们显示。我正在使用以下方法创建每个菜单项：

Bookmarks.createMenuItem = function(item) {
    var menuItem = document.createElementNS(Bookmarks.XUL_NS, "menuitem");
    menuItem.setAttribute("label", item.url_title);
    menuItem.setAttribute("oncommand", "Bookmarks.openUrl('" + item.url + "');");
    menuItem.setAttribute("class", "bookmark-menu-item");
    if ( item.favicon ) {
            menuItem.setAttribute("class", menuItem.getAttribute("class") +
                                   " menuitem-iconic");
            menuItem.setAttribute("image", item.favicon);
    }

    return menuItem;
};

菜单项工作得很好，只是它不显示图像。我已经验证了为每个图像获取的 URL（来自下面代码中的 item.favicon）是可访问的。

知道这里出了什么问题吗？我使用的是火狐浏览器6.0.2。

Answer 1

我选择了在菜单项中有图标的随机扩展 - HttpFox - 并且在那里你有这样的东西：

在 XUL 文件中：

<menupopup id="toolsPopup">
    <menu id="hf_menu_HttpFox" 
        class="menu-iconic" 
        label="&browseroverlay.menutools.httpfox.label;" />
</menupopup>

在 CSS 文件中：

#hf_appmenu_HttpFox, #hf_menu_HttpFox, #hf_menu_webDeveloper_HttpFox {
    list-style-image: url(chrome://httpfox/skin/globe16.png);
} 

在 FoxSplitter 也是一样的。

所以基本上，如果菜单允许 style 属性，您可以更改

menuItem.setAttribute("image", item.favicon);

为

menuItem.setAttribute("style", "list-style-image: url(" + item.favicon + ")");

（如果 item.favicon 是 URL），或者如果 style 不允许不起作用，然后为每个项目创建类。
希望这有帮助。