Beiträge von Mira_Belle

Mira_Belle

Zitat von Dharkness

So weit so gut, mit welchem Script für eine vertikale Toolbar läuft das Script, mit dem ↓ läuft es hier nicht?

Nur ein Versuch
Die Datei heißt ja irgendwas mit V, nehme ich an.
Setze doch einfach mal 0-"Skriptname" davor und teste dann noch mal.

ODER, versuche doch mal dieses Skript aus.

Beitrag

Skript VerticalToolbar.uc.js funktioniert in neu erstellten Profilen nicht mehr richtig

Das folgende Skript funktioniert nicht mehr richtig - allerdings nur in neuen Profilen. In bestehenden Profilen, egal ob Release oder Nightly, läuft es einwandfrei.

Kann das jemand bestätigen? Problem tritt hier auf zwei Rechnern mit Win11Pro auf. Wäre toll, wenn das wieder gangbar gemacht werden könnte...

Danke schon mal vorab.

(Quelltext, 108 Zeilen)

Ergänzung: Eigentlich wird die Toolbar korrekt erzeugt und auch der Button zum Ein-/Ausblenden ist vorhanden. Allerdings ist die Toolbar …

grisu2099

6. Mai 2025 um 22:58

Mira_Belle

Oh, bei mir hieß das Skript für diesen Test einfach # Statusleiste.js.
Könnte tatsächlich mit der Bezeichnung zusammenhängen.
Werde ich sogleich mal ausprobieren.
Also _Statusleiste.uc.js ja?

Nachtrag!

Is' ja'n Ding!
Der Fehler ist gefunden

Es ist in der Tat der Skriptname.

Zitat von Dharkness

Frage zu den Zeilen 6-7: Müssen die Profile wirklich in %APPDATA% liegen, oder können die auch auf anderen Laufwerken liegen?

Natürlich nicht! Wenn Du mit der Anpassung von Pfadangeben vertraut bist,
kannst Du "Deine" Profile, sowie "Deine" Grafiken ablegen, wo Du willst!

Ich habe das nur so gemacht, weil es halt einfach sein soll.
Gibt ja genug Anwender, die solche Skripte einfach so nutzen wie sie sind,
weil sie eben mit JavaScript so gar nichts am Hut haben.

Mira_Belle

Zitat von milupo

Machst du vielleicht auch den Fehler, den ich auch oft mache? Den Text sofort abschicken, anstatt ihn sich erst einmal in der Vorschau anzusehen?

¯\_(ツ)_/¯

Mira_Belle

Zitat von milupo

Nö, style.fill.

Danke, ist korrigiert. Wo bin ich denn mit meinen Gedanken?
Sollte wohl besser mal eine Pause machen.

Mira_Belle

Danke 2002Andreas

Mira_Belle

Achja, ich Schussel.
Habe das Skript vor diese Korrektur hier reingestellt.

Danke 2002Andreas

Mira_Belle

Zitat von 2002Andreas

Hallo Mira.
Ich musste obiges ändern zu:
.style.fill = '#ffe10f';
damit das eigene Icon gelb wurde.

Ach Du heilige Sch......!
Da ist mir irgendwie was durcheinander geraden.
Natürlich muss es .style.fille = '#ffe10f'; heißen

Mira_Belle

geldhuegel Gerade getestet.
Skript "installiert" für die "Statusleiste", Firefox neu gestartet und da is' sie.
Symbolleisten anpassen angeklickt und den Buton "Quicklink about:about"
in die "neue" Statusleiste gezogen.
Tab "Firefox anpassen" schließen und Firefox neu gestartet.
Leiste ist da, Button auch, mit Symbol, und er funktioniert einwandfrei.

Kann das noch jemand anderes testen, bitte.

Mira_Belle

Road-Runner Sollte gar kein Problem sein!

In Zeile 40 einfach "restart.png" anstatt "restart.svg".
Und in Zeile 48 ein // davor setzten oder die Zeile ganz löschen,
wobei ich persönlich ehe erstere Variante nutzen würde.

Zu beachten ist auch, dass die Grafik im richtigen Ordner sein muss

%appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons

Das mit dem "richtigen Pfad" werd eich wohl auch noch irgendwie als Hinweis in die Skripte packen.

Mira_Belle

Neue, von mir angepasste Version.

JavaScript

// JavaScript Document
// QuickLinkButton-about:about.uc.js
// Source file https://www.camp-firefox.de/forum/thema/135613/?postID=1213791#post1213791
// Source file https://www.camp-firefox.de/forum/thema/139289/?postID=1271890#post1271890

/* ----------------------------------------------------------------------------------- */
/*     Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen     */
/*            %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons             */
/* ----------------------------------------------------------------------------------- */

(function() {
  
   if (location.href !== 'chrome://browser/content/browser.xhtml') return;  
   try {
      CustomizableUI.createWidget({
         id: 'link-button-about',
         type: 'custom',
         defaultArea: CustomizableUI.AREA_NAVBAR,
         onBuild: function(aDocument) {         
            let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
            let props = {
               id: 'link-button-about',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               label: 'Quicklink: about:about',
               tooltiptext: 'Quicklink:\nabout:about',
            };            
            for (var p in props) {
               toolbaritem.setAttribute(p, props[p]);
            }           

            return toolbaritem; 
         }      
      });
   } catch(e) {};

   document.getElementById('link-button-about').addEventListener('click', event => {
      if (event.button === 0) {
         openTrustedLinkIn("about:about", "tab")
      }
   });

   // Pfad zum Profilordner
   let ProfilePath = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
   // Pfad in den entsprechenden Unterordner
   let IconPath = '/chrome/icons/';
   // Name & Dateiendung des anzuzeigenden Symbols!
   let ButtonIcon = "firefox.svg";
   // Erstelle ein img-Element, um zu überprüfen, ob die Grafik geladen werden kann
   let img = new Image();
   img.src = "file:" + ProfilePath + IconPath + ButtonIcon;
   
   img.onload = function() {
      // Wenn die Grafik geladen werden kann, setze das listStyleImage
      document.getElementById('link-button-about').style.listStyleImage = 'url("' + ("file:" + ProfilePath + IconPath + ButtonIcon) + '")';
      document.getElementById('link-button-about').style.color = '#f1b508';    // Hier wird die Iconfarbe direkt gesetzt
   };
   
   img.onerror = function() {
      // Wenn die Grafik nicht geladen werden kann, verwende das Fallback-Icon
      document.getElementById('link-button-about').style.listStyleImage = 'url("chrome://global/skin/icons/warning.svg")';
      document.getElementById('link-button-about').style.color = 'red';    // Hier wird die Iconfarbe direkt gesetzt
   };
})();

Alles anzeigen

Mira_Belle

Nachtrag

Wenn jemand die Fallbacklösung im Skript haben möchte, muss nur die Zeilen ab
// Pfad zum Profilordner bis })(); komplett mit diesem Code austauschen.

JavaScript

    // Pfad zum Profilordner
    let ProfilePath = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
    // Pfad in den entsprechenden Unterordner
    let IconPath = '/chrome/icons/';
    // Name & Dateiendung des anzuzeigenden Symbols!
    let ButtonIcon = "sync.svg";
    // Erstelle ein img-Element, um zu überprüfen, ob die Grafik geladen werden kann
    let img = new Image();
    img.src = "file:" + ProfilePath + IconPath + ButtonIcon;

    img.onload = function() {
        // Wenn die Grafik geladen werden kann, setze das listStyleImage
        document.getElementById('addons-update-button').style.listStyleImage = 'url("' + ("file:" + ProfilePath + IconPath + ButtonIcon) + '")';
        document.getElementById('addons-update-button').style.fill = '#ffe10f';    // Hier wird die Iconfarbe direkt gesetzt
    };

    img.onerror = function() {
        // Wenn die Grafik nicht geladen werden kann, verwende das Fallback-Icon
        document.getElementById('addons-update-button').style.listStyleImage = 'url("chrome://global/skin/icons/warning.svg")';
        document.getElementById('addons-update-button').style.fill = 'red';    // Hier wird die Iconfarbe direkt gesetzt
    };

Alles anzeigen

Mira_Belle

Ach, jetzt verstehe ich!!
Nein, aber mir ist da wirklich ein kleiner Fauxpas unterlaufen.

Zeile 64 muss // rechte Maus Neustart und
Zeile 68 muss // linke Maus Neustart mit Löschung des Start-Caches lauten.

Wird so gleich korrigiert.

Danke.

Mira_Belle

Warum?
Habe ich mit Absicht so gemacht!
Da ich den Neustart fast immer mit der linken Maustaste auslöse,
es soll dann auch der Cache gelöscht werden.

Oder spricht etwas dagegen?

Mira_Belle

Es geistern hier onBoard ja einige Versionen dieses Skriptes herum.
Ich habe mich mal diesem angenommen und es fit gemacht.

JavaScript

// Restart_Firefox.uc.js
// RestartFirefoxButtonM.uc.js
// v. 0.8
// Source file https://www.camp-firefox.de/forum/thema/126132/?postID=1093563#post1093563
// Source file https://www.camp-firefox.de/forum/thema/139338/?postID=1271880#post1271880

/* ----------------------------------------------------------------------------------- */
/*     Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen     */
/*            %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons             */
/* ----------------------------------------------------------------------------------- */

// Linksklick 	if (event.button == 0)
// Mittelklick 	if (event.button == 1)
// Rechtsklick 	if (event.button == 2)

(function() {
    if (location.href !== 'chrome://browser/content/browser.xhtml') return;
    try {
        CustomizableUI.createWidget({
            id: 'restart-button2a',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {
                var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');                
                let props = {
                    id: 'restart-button2a',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'Neustart',
                    tooltiptext: 'Neustart (inkl. SkriptCache Löschen)',

                    // Hier wird die Hintergrundfarbe und die Iconfarbe direkt gesetzt
                    //style: 'background-color: #FF5733; color: white;'
                    //style: 'color: #f60000;',

                };             
                for (let p in props)
                    toolbaritem.setAttribute(p, props[p]);


                // Pfad zum Profilordner
                let ProfilePath = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
                // Pfad in den entsprechenden Unterordner
                let IconPath = '/chrome/icons/';
                // Name & Dateiendung des anzuzeigenden Symbols!
                let ButtonIcon = "restart.svg";
                // Erstelle ein img-Element, um zu überprüfen, ob die Grafik geladen werden kann
                let img = new Image();
                img.src = "file:" + ProfilePath + IconPath + ButtonIcon;

                img.onload = function() {
                    // Wenn die Grafik geladen werden kann, setze das listStyleImage
                    toolbaritem.style.listStyleImage = 'url("' + ("file:" + ProfilePath + IconPath + ButtonIcon) + '")';
                    toolbaritem.style.fill = 'red';    // Hier wird die Iconfarbe direkt gesetzt
                };

                img.onerror = function() {
                    // Wenn die Grafik nicht geladen werden kann, verwende das Fallback-Icon
                    toolbaritem.style.listStyleImage = 'url("chrome://browser/skin/fxa/avatar-empty.svg")';
                    toolbaritem.style.fill = 'red';    // Hier wird die Iconfarbe direkt gesetzt
                };

                return toolbaritem;
            }        
        });

    } catch(e) { };

    document.getElementById('restart-button2a').addEventListener('click', event => {
        // rechte Maus Neustart
            if (event.button == 2) {
              Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
            }
        // linke Maus Neustart mit Löschung des Start-Caches
            if (event.button == 0) {
                event.preventDefault();
                Services.appinfo.invalidateCachesOnRestart();
                Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); 	
            }
        // Mittelklick
            if (event.button == 1) {
        //      event.preventDefault();
        //      Services.appinfo.invalidateCachesOnRestart();
        //      Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
              openTrustedLinkIn("about:config", "tab");
            }
    });

    let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);       
    let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
            #restart-button2a.toolbarbutton-1.chromeclass-toolbar-additional image.toolbarbutton-icon {
                width: 32px !important;
                height: 32px !important;
            }
       `), null, null);
    sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);

})();

Alles anzeigen

Mira_Belle

Und hier eine neue Version!

JavaScript

// Addons-UpDate-Check.uc.js

// Source file: https://www.camp-firefox.de/forum/thema/135814/?postID=1263412#post1263412

/* ----------------------------------------------------------------------------------- */
/*     Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen     */
/*            %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons             */
/* ----------------------------------------------------------------------------------- */

(function () {
  if (!window.gBrowser) return;
  try {
    CustomizableUI.createWidget({
      id: "addons-update-button",
      defaultArea: CustomizableUI.AREA_NAVBAR,
      label: "Add-ons Update",
      tooltiptext: "Add-ons aktualisieren",
            onCommand: onCommand,
    });
  } catch(e) { };

  function onCommand(event) {
    event.target.ownerGlobal.openTrustedLinkIn('about:addons', 'tab');
    addEventListener('pageshow', function onPageshow(event) {
      let document = event.target;
      if (document.URL != 'about:addons') return;
      removeEventListener('pageshow', onPageshow);
      document.querySelector('addon-page-options panel-item[action="view-recent-updates"]').click();
      document.querySelector('addon-page-options panel-item[action="check-for-updates"]').click();
      content.setTimeout(function() {
        let categories = document.getElementById('categories');
        categories.querySelector('button[viewid="addons://updates/recent"]').click();
        categories.querySelector('button[viewid="addons://updates/available"]').click();
      }, 1500);
    });
  };

  // Pfad zum Profilordner
  let ProfilePath = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
  // Pfad in den entsprechenden Unterordner
  let IconPath = '/chrome/icons/';
  // Name & Dateiendung des anzuzeigenden Symbols!
  let ButtonIcon = "sync.svg";
  // Die Grafik wird geladen
  document.getElementById('addons-update-button').style.listStyleImage = 'url("' + ("file:" + ProfilePath + IconPath + ButtonIcon) + '")';
  document.getElementById('addons-update-button').style.fill = '#ffe10f';    // Hier wird die Iconfarbe direkt gesetzt

})();

Alles anzeigen

Mira_Belle

Eine lokale .html-Datei. OK.
Eingebunden wird irgendwas von einer externen Seite?
Muss dann der Code dafür nicht in die userContent.css, oder darüber eingebunden werden?
Ist nur so eine Überlegung, wirklich wissen tu’ ich das auch nicht.

Mira_Belle

GermanFreme82 Sehr schön.
und danke für die Rückmeldung.

Mira_Belle

Zitat von Horstmann

Edit: bei mir im Testprofil färbt .style.color = 'red' sowohl das Icon als auch den hover Hintergrund.
.style.fill = 'red' funktioniert wie erwartet nur für das Icon.

Ja, so ist es! Deshalb habe ich es in den Skripten geändert, wo das mit dem Fallback vorkommt.

Zitat von 2002Andreas

Zitat von Mira_Belle

Aber ich habe noch eine Farbanpassung

Hallo Mira.
Sollte ich dich/das falsch verstanden haben, dann sorry.
Aber hier hat das Icon keine andere Farbe, nur der Hintergrund bei hover verändert sich:

Ja, das habe ich heute im Laufe des Tages auch gemerkt.
Fehler habe ich aber gefixt!

So, da es hier ja hauptsächlich um Fehlerbereinigung eines bestimmten Skriptes geht.
Bzw. dieses als Testobjekt ausgesucht wurde, hier meine derzeitige Version!

JavaScript

// Button_for_Chromefolder.us.js
// Öffnen des "chrome"-Ordners im "Profil"

/* ----------------------------------------------------------------------------------- */
/*     Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen     */
/*            %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons             */
/* ----------------------------------------------------------------------------------- */

(function() {

    if (location != "chrome://browser/content/browser.xhtml") return;
    try {
        CustomizableUI.createWidget({
            id: 'Open-Chrome-Folder-ToolBarButton',
            type: 'custom',
            onBuild: function(aDocument) {
                let toolbaritem = aDocument.createXULElement('toolbarbutton');
                let props = {
                    id: 'Open-Chrome-Folder-ToolBarButton',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'Chrome-Ordner',
                    tooltiptext: 'Chrome-Ordner öffnen',
                };
                for (var p in props)  {
                    toolbaritem.setAttribute(p, props[p]);
                }
                return toolbaritem; 
            }
        });

    } catch(e){}

    document.getElementById('Open-Chrome-Folder-ToolBarButton').addEventListener('click', () => {
            Services.dirsvc.get("ProfD", Ci.nsIFile).launch();           
    });

    // Pfad zum Profilordner
    let ProfilePath = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
    // Pfad in den entsprechenden Unterordner
    let IconPath = '/chrome/icons/';
    // Name & Dateiendung des anzuzeigenden Symbols!
    let ButtonIcon = "folder.svg";
    // Erstelle ein img-Element, um zu überprüfen, ob die Grafik geladen werden kann
    let img = new Image();
    img.src = "file:" + ProfilePath + IconPath + ButtonIcon;

    img.onload = function() {
        // Wenn die Grafik geladen werden kann, setze das listStyleImage
        document.getElementById('Open-Chrome-Folder-ToolBarButton').style.listStyleImage = 'url("' + ("file:" + ProfilePath + IconPath + ButtonIcon) + '")';
        document.getElementById('Open-Chrome-Folder-ToolBarButton').style.webkitAnimationFillMode = '#619dbf';    // Hier wird die Iconfarbe direkt gesetzt
    };

    img.onerror = function() {
        // Wenn die Grafik nicht geladen werden kann, verwende das Fallback-Icon
        document.getElementById('Open-Chrome-Folder-ToolBarButton').style.listStyleImage = 'url("chrome://global/skin/icons/warning.svg")';
        document.getElementById('Open-Chrome-Folder-ToolBarButton').style.fill = 'red';    // Hier wird die Iconfarbe direkt gesetzt
    };      
})();

Alles anzeigen

Mira_Belle

Oh Herr, lass Hirn regnen

Ich habe vergessen das "Umzubauen".
Habe bei mir einfach nur den Code vom Fallback nach unten kopiert!
Kann ja nicht funktionieren.

Aus toolbaritem.style.listStyleImage = ... muss ja
document.getElementById('profilefolder-ToolBarButton').style.listStyleImage = ... werden

Oh Mann.

Aber ich habe noch eine Farbanpassung für all jene, die unterschiedliche Farben für beide Symbole haben wollen!

Hier mal der ganze Code:

Code

// Button_for_Profilfolder.us.js
// Öffnen des "Profilordners"

(function() {

    if (location != "chrome://browser/content/browser.xhtml") return;
    try {
        CustomizableUI.createWidget({
            id: 'profilefolder-ToolBarButton',
            type: 'custom',
            onBuild: function(aDocument) {
                let toolbaritem = aDocument.createXULElement('toolbarbutton');
                let props = {
                    id: 'profilefolder-ToolBarButton',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'Profil-Ordner',
                    tooltiptext: 'Profil-Ordner öffnen',
                };
                for (var p in props)  {
                    toolbaritem.setAttribute(p, props[p]);
                }
                return toolbaritem;
            }
        });

    } catch(e){}

    document.getElementById('profilefolder-ToolBarButton').addEventListener('click', event => {
        if (event.button === 0) {
            Services.dirsvc.get("ProfD", Ci.nsIFile).launch();
            }
        });

        // Pfad zum Profilordner
        let ProfilePath = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
        // Pfad in den entsprechenden Unterordner
        let IconPath = '/chrome/icons/';
        // Name & Dateiendung des anzuzeigenden Symbols!
        let ButtonIcon = "user.svg";
        // Erstelle ein img-Element, um zu überprüfen, ob die Grafik geladen werden kann
        let img = new Image();
        img.src = "file:" + ProfilePath + IconPath + ButtonIcon;

        img.onload = function() {
            // Wenn die Grafik geladen werden kann, setze das listStyleImage
            document.getElementById('profilefolder-ToolBarButton').style.listStyleImage = 'url("' + ("file:" + ProfilePath + IconPath + ButtonIcon) + '")';
            document.getElementById('profilefolder-ToolBarButton').style.color = '#ff5a79';    // Hier wird die Iconfarbe direkt gesetzt
        };

        img.onerror = function() {
            // Wenn die Grafik nicht geladen werden kann, verwende das Fallback-Icon
            document.getElementById('profilefolder-ToolBarButton').style.listStyleImage = 'url("chrome://browser/skin/fxa/avatar-empty.svg")';
            document.getElementById('profilefolder-ToolBarButton').style.color = 'red';    // Hier wird die Iconfarbe direkt gesetzt
        };

})();

Alles anzeigen

Mira_Belle

Ja, es geht um das Skript #7 und Test #18.
Geht bei mir Fehlerfrei.

Zitat von Horstmann

Davon abgesehen, was spricht dagegen den Fallback Code nach unten zu setzen?

Wenn der Code für den Fallback aus der Funktion onBuild: function(aDocument) { genommen wird,
funktioniert das Skript gar nicht mehr und dem Button, den es ja dennoch gibt, fehlt die Grafik!

Beiträge von Mira_Belle

about:about Button

Skript VerticalToolbar.uc.js funktioniert in neu erstellten Profilen nicht mehr richtig

about:about Button

Skript für Add-ons Update - Pfad zum Icon ändern

¯\_(ツ)_/¯

Skript für Add-ons Update - Pfad zum Icon ändern

Restart_Firefox.uc.js

about:about Button

Skript für Add-ons Update - Pfad zum Icon ändern

about:about Button

Restart_Firefox.uc.js

about:about Button

Skript für Add-ons Update - Pfad zum Icon ändern

Restart_Firefox.uc.js

Restart_Firefox.uc.js

Restart_Firefox.uc.js

Skript für Add-ons Update - Pfad zum Icon ändern

css Änderungen bewirken nichts

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Buttons funktionieren nur im/ für das erste Fenster

Buttons funktionieren nur im/ für das erste Fenster

Buttons funktionieren nur im/ für das erste Fenster