Ich habe mir dieses Script umgebaut.
CSS
// Downloadbutton.uc.js
(function() {
if (location != 'chrome://browser/content/browser.xul') return;
try {
CustomizableUI.createWidget({
id: 'Download-button',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xhtml', 'toolbarbutton');
var props = {
id: 'Download-button',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
removable: true,
label: 'Download Fenster öffnen',
accesskey: 'D',
tooltiptext: 'Download Fenster öffnen',
style: `list-style-image: (data:image/png ("file:///H:/Icons/downloadbutton.png")!important;)',
oncommand: "window.open('chrome://browser/content/downloads/contentAreaDownloadsView.xul', 'Downloads', 'chrome,resizable=yes,width=600,height=750,left=1220,top=100');"
};
for (var p in props)
toolbaritem.setAttribute(p, props[p]);
return toolbaritem;
}
});
CustomizableUI.registerToolbarNode(tb);
} catch(e) { };
})();Dabei ist mir sicherlich beim Einbinden des Icons beim Style ein Fehler unterlaufen.
Auch das umsetzen von list-style-image: in background: brachte nicht das gewünschte Ergebnis, heißt: Der Butten wird nicht angezeigt.
Ich weis nicht, wie ich es umsetzen muss.
