Ich nutze die WebExtension In Page Pop Up Reporter
Seit dem gestrigen UpDate auf Version 1.6 befindet sich das Icon hier:
[attachment=0]In_Pop_Reporter.JPG[/attachment]
Wie kann ich das Symbol wieder in die von mir genutzte Statusleiste(Via user.js. Script erzeugt) verschieben. Einstellungen dazu bietet die WebExtension leider nicht.. :cry:
Symbol von In-Page-Pop-Up-Reporter-WebExtension verschieben
-
Boersenfeger -
30. März 2018 um 12:23 -
Erledigt
-
-
... Push...
-
Statusleiste(Via user.js. Script erzeugt)
Welches Skript genau?
Kannst du mit den Browser-Werkzeugen (Strg+Alt+Umschalt+I) die ID des Icons herausfinden? -
Es handelt sich um dieses Script:
Code
Alles anzeigen/* Statusleiste für Firefox 57.0 + x */ (function() { if (location != 'chrome://browser/content/browser.xul') return; let toolbar = document.createElement('toolbar'); toolbar.id = 'bottom-toolbar'; toolbar.setAttribute('customizable', 'true'); toolbar.setAttribute('mode', 'icons'); toolbar.setAttribute('context', 'toolbar-context-menu'); let vbox = document.createElement('vbox'); vbox.id = 'bottom-toolbar-vbox'; let browserBottombox = document.getElementById('browser-bottombox'); browserBottombox.parentNode.insertBefore(vbox, browserBottombox); vbox.appendChild(toolbar); vbox.style.backgroundColor = '#F6F6F6'; //Hier kann die Hintergrundfarbe angepasst werden. Als Wert kann zbs. red, green, //yellow oder orange usw, aber auch zbs. #f7f7f7 usw.verwendet werden. CustomizableUI.registerArea('bottom-toolbar', {legacy: true}); })();
[attachment=0]Unbenannt.JPG[/attachment]
Die Tasten-Kombination bewirkt hier nichts..
Mit den Web-Entwicklergeschichten bin ich nicht vertraut... -
die ID des Icons herausfinden?
Hallo aborix...sollte diese sein:
#pageAction-urlbar-_feb799e2-29e2-4e35-b862-cc4e1842b6f5_
-
@ Andreas:
Danke.@ Boersenfeger:
Teste folgendes Skript. Im Anpassen-Modus ist vorerst anstatt des Icons ein graues Rechteck zu sehen.Code
Alles anzeigen// in-page-pop-up-reporter.uc.js (function() { if (location != 'chrome://browser/content/browser.xul') return; const itemId = 'ucjs_in-page-pop-up-reporter-item'; const imageId = 'pageAction-urlbar-_feb799e2-29e2-4e35-b862-cc4e1842b6f5_'; try { CustomizableUI.createWidget({ id: itemId, type: 'custom', defaultArea: CustomizableUI.AREA_NAVBAR, onBuild: function(aDocument) { var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem'); toolbaritem.id = itemId; toolbaritem.className = 'chromeclass-toolbar-additional'; return toolbaritem; } }); let css = '\ @-moz-document url("chrome://browser/content/browser.xul") { \ #wrapper-ucjs_in-page-pop-up-reporter-item #ucjs_in-page-pop-up-reporter-item \ {width: 28px; height: 15px; background: grey} \ }'; let cssUri = Services.io.newURI('data:text/css,' + encodeURIComponent(css), null, null); let SSS = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService); SSS.loadAndRegisterSheet(cssUri, SSS.AGENT_SHEET); } catch(e) { }; function moveIcon() { try { document.getElementById(itemId).appendChild(document.getElementById(imageId)); } catch(e) { }; }; setTimeout(function() { moveIcon(); }, 0); let observer = new MutationObserver(moveIcon); observer.observe(document.getElementById('page-action-buttons'), {childList: true}); }());
-
Ich bin mal so frei :wink:
aborix, so sieht das hier aus :klasse:
[attachment=0]Screenshot (946).png[/attachment]
Es ist das Original Icon und lässt sich auch beliebig verschieben.
-
Prima, vielen lieben Dank...
[attachment=0]Unbenannt.JPG[/attachment] -
Gerne.
Noch eine kleine Änderung, damit im Anpassen-Modus auch das richtige Symbol zu sehen ist:
Code
Alles anzeigen// in-page-pop-up-reporter.uc.js (function() { if (location != 'chrome://browser/content/browser.xul') return; const itemId = 'ucjs_in-page-pop-up-reporter-item'; const imageId = 'pageAction-urlbar-_feb799e2-29e2-4e35-b862-cc4e1842b6f5_'; try { CustomizableUI.createWidget({ id: itemId, type: 'custom', defaultArea: CustomizableUI.AREA_NAVBAR, onBuild: function(aDocument) { let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem'); toolbaritem.id = itemId; toolbaritem.className = 'chromeclass-toolbar-additional'; let placeholder = aDocument.createElement('image'); placeholder.id = itemId + '-placeholder'; placeholder.className = 'urlbar-icon urlbar-page-action'; toolbaritem.appendChild(placeholder); return toolbaritem; } }); let css = '\ @-moz-document url("chrome://browser/content/browser.xul") { \ #' + itemId + '-placeholder { \ display: none; \ } \ #wrapper-' + itemId + ' #' + itemId + '-placeholder { \ display: -moz-box; \ --pageAction-image-16px: url("moz-extension://2d64e8e3-28de-4389-9ceb-362e67864578/icons/icon.svg"); \ --pageAction-image-32px: url("moz-extension://2d64e8e3-28de-4389-9ceb-362e67864578/icons/icon.svg"); \ } \ }'; let cssUri = Services.io.newURI('data:text/css,' + encodeURIComponent(css), null, null); let SSS = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService); SSS.loadAndRegisterSheet(cssUri, SSS.AGENT_SHEET); } catch(e) { }; function moveIcon() { try { document.getElementById(itemId).appendChild(document.getElementById(imageId)); } catch(e) { }; }; setTimeout(moveIcon, 0); let observer = new MutationObserver(moveIcon); observer.observe(document.getElementById('page-action-buttons'), {childList: true}); }());
-
:klasse: