Door Hangerにアイコンを追加するFireFox Extensionの通知

Question

firehox拡張機能のドアハンガー通知にアイコンを追加しようとしています。しかし私はこれを達成することができませんでした。以下は私が試したものです...

PopupNotifications.show(gBrowser.selectedBrowser, "sample-popup", 
    message, 
    anchor, /* anchor ID */ 
    { 
    label: primaryLabel, 
    accessKey: accessKey, 
    callback: function() { 
     alert("Doing something awesome!"); 
    } 
    }, 
    null, /* secondary action */ 
    { 
    popupIconURL: WWWUP_ResourceURLs.icon 
    } 
); 

popupIconURLオプションを使用しています。上記はうまくいかず、エラーも発生しません。

私は私がどこに次のコードを追加し理解していないドキュメント https://developer.mozilla.org/en/Using_popup_notifications#Adding_an_icon_to_your_notificationに

を述べた方法を見てきた

...

.popup-notification-icon[popupid="sample-popup"] { 
    list-style-image: url("chrome://popupnotifications/skin/mozlogo.png"); 
} 

いくつかのガイダンスが高く評価されるだろう。

Answer 1

このCSSコードは、ブラウザウィンドウに適用する必要があります。あなたはおそらく、あなたが次の行（documentation）を追加し、このオーバーレイでは、ブラウザのウィンドウに適用するオーバーレイを持っている：

<?xml-stylesheet href="chrome://myExtension/skin/browser.css" type="text/css"?> 

chrome://myExtension/skin/browser.cssでこのような内容のファイルを指している：

.popup-notification-icon[popupid="sample-popup"] { 
    list-style-image: url("popupIcon.png"); 
} 

このID "sample-popup"のポップアップ通知のアイコンとしてchrome://myExtension/skin/popupIcon.pngが設定されます。

ブラウザウィンドウのオーバーレイを持っていない場合は、あなたのchrome.manifestファイルにstyle overlayと同じ効果を得ることができます。

style chrome://browser/content/browser.xul chrome://myExtension/skin/browser.css