Button um weiteres Profil zu öffnen

Zitat von FuchsFan

dass die Grafik im Button größer erscheint?

So funktioniert es nicht?

#aboutprofiles-button.toolbarbutton-1.chromeclass-toolbar-additional image.toolbarbutton-icon {
  width: 33px !important;
  height: 33px !important;
}

Zitat von Mira_Belle

Und was für ein Dateiformat hat Dein Symbol?

png-Datei, habe es aber auch mit jpg versucht, ändert nichts.

Zitat von 2002Andreas

So funktioniert es nicht?

Sag mal bitte, wohin mit dem Code, gut wäre im Script.

Zitat von FuchsFan

gut wäre im Script.

Wenn da schon ein CSS Code drin ist bei dir, dann eiinfach drunter.

Das ist jetzt das Skript aus Beitrag Nr. 157

// JavaScript Document
// QuickProfilesChangesButton.uc.js
// Source file https://www.camp-firefox.de/forum/thema/136664/?postID=1231647#post1231647
// Source file https://www.camp-firefox.de/forum/thema/136664/?postID=1232240#post1232240
// Version 1.07 from August 3, 2023
(function() {
   if (location.href !== 'chrome://browser/content/browser.xhtml') return;
   try {
      CustomizableUI.createWidget({
         id: 'profileschange-button',
         type: 'custom',
         defaultArea: CustomizableUI.AREA_NAVBAR,
         onBuild: function(aDocument) {        
            let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
            toolbaritem.onclick = event => onClick(event);
            var props = {
               id: 'profileschange-button',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               label: 'Profil zusätzlich starten',
               accesskey: '', // Wer möchte kann hier z.B. 'C' eintragen, dann kann per "Alt + C" das Skript ausgeführt werden
               tooltiptext: 'Profile Changer',
            };            
            for (var p in props)
               toolbaritem.setAttribute(p, props[p]);            
            return toolbaritem;
         }    
      });
   } catch(e) { };
   
   let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); // Pfad zum Profilordner und gleich in den entsprechenden Unterordner
   let ButtonIcon = "3.png"; // Name & Dateiendung des anzuzeigenden Symbols!
   var css =`
       #profileschange-button { list-style-image: url("${ProfilePath}/${ButtonIcon}") 
       }
       #profileschange-button > image {
       width: 53px !important;
       height: 53px !important;

}
   `;
   var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
   var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
   sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
     
   function onClick(event) {
      if (event.button != 0){
         return;
      }
      let file = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
      let arguments = ["-no-remote", "-P", "Standard-Benutzer", "-foreground"]; // Profil wird ausgewählt Hier "XXX" den gewünschten Profilnamen eintragen
//      let arguments = ["-no-remote", "-P"]; // Wer lieber den Profilmanager aufrufen möchte,nutzt diese Zeile!
      file.initWithPath("C:\\Program Files\\Mozilla Firefox\\firefox.exe"); // Pfad zur Firefox-Installation
//      file.initWithPath("/Applications/Firefox.app/Contents/MacOS/firefox"); // Pfad zur Firefox-Installation, Dateipfad für Mac User
      let process = Cc["@mozilla.org/process/util;1"].createInstance(Ci.nsIProcess);
      process.init(file);    
      process.run(false, arguments, arguments.length); // Profil wird bestätigt
   }    
})();

Der Selektor von hier RE: Button um weiteres Profil zu öffnen. brachte es nicht.

Der war dann richtig:

#profileschange-button.toolbarbutton-1.chromeclass-toolbar-additional image.toolbarbutton-icon {
  width: 38px !important;
  height: 38px !important;
}

Und so #profileschange-button hast Du es ja auch im Script jetzt eingetragen, danke, Andreas.

Zitat von FuchsFan

danke, Andreas.

Gerne wie immer

Zitat von FuchsFan

Was kann ich machen, dass die Grafik im Button größer erscheint?

Eine Änderung der Pixelzahl (Vergrößerung) für die Grafik bringt nichts.

das wäre normal: und so mit dem Script:

Das Icon für dieses Script funktioniert hier wie alle anderen auch; ich vermute du hast evtl. CSS am Laufen das die Icongrösse für manche Buttons ändert, aber nicht für alle.

Es ist mir auch nicht so ganz klar, worauf die Screenshots basieren - ist das normale Icon für einen anderen Button mit CSS eingefügt, oder in der Bildbearbeitung manipuliert?

Wäre vielleicht sinnvoller das mal zu eruieren, statt eine Einzelregel für nur einen Button reinzuwürgen; aber wenn's auch so geht, geht's auch so.

Zitat von Sören Hentzschel

Zitat von Horstmann

was wäre der Vorteil gegenüber .svg?

Beitrag

RE: Button um weiteres Profil zu öffnen

[…]

console.log('Der Text, der geloggt werden soll') oder eben console.log(variable).

Zum Thema base64:

[…]

Sören Hentzschel

2. August 2023 um 20:21

Verstehe ich nicht so ganz; base64 ist langsamer an sich, oder mit Code eingebettete Icons generell?

.svg kann man ja auch als Code in CSS benutzen, ohne eine separate Bilddatei zu benötigen - wenn man tatsächlich den einen Schritt sparen muss.

Zitat von Horstmann

ich vermute du hast evtl. CSS am Laufen das die Icongrösse für manche Buttons ändert, aber nicht für alle.

Da liegst Du vollkommen richtig, in der Regel werden mit eingebunden, aber nicht alle, wie du andeutest.

CustomCSSforFx/current/css/buttons/buttons_on_navbar_classic_appearance.css at master · Aris-t2/CustomCSSforFx

Custom CSS tweaks for Firefox. Contribute to Aris-t2/CustomCSSforFx development by creating an account on GitHub.

github.com

Zitat von Horstmann

Verstehe ich nicht so ganz; base64 ist langsamer an sich, oder mit Code eingebettete Icons generell?

Alles, was als base64 kodiert ist, muss auch wieder dekodiert werden. Und das jedes Mal, wenn es angezeigt wird, da ist kein Caching möglich. Das ist deutlich langsamer und beansprucht die CPU mehr als Grafiken direkt anzuzeigen.

Zitat von Sören Hentzschel

Alles, was als base64 kodiert ist, muss auch wieder dekodiert werden. Und das jedes Mal, wenn es angezeigt wird, da ist kein Caching möglich. Das ist deutlich langsamer und beansprucht die CPU mehr als Grafiken direkt anzuzeigen.

Verstehe, dankeschön!

Zitat von FuchsFan

Zitat von Horstmann

ich vermute du hast evtl. CSS am Laufen das die Icongrösse für manche Buttons ändert, aber nicht für alle.

Da liegst Du vollkommen richtig, in der Regel werden mit eingebunden, aber nicht alle, wie du andeutest.

https://github.com/Aris-t2/Custom…_appearance.css

Da seh ich aber nix bzgl. Grössen, oder ich bin blind.

Das Aris Monster - genial wie es ist - hab ich aber schon zu oft durchgekämmt um das nochmal zu machen.

Eine komplett wilde Idee wäre in dem Fall das Icon in einer CSS Datei - am besten vielleicht unten in deiner userChrome.css - anzugeben, und damit das Icon im Script zu umgehen.

Also sowas, angenommen dein Icon ist in einem Ordner namens icons im chrome Ordner:

#profileschange-button .toolbarbutton-icon {
    list-style-image: url("icons/DeinIcon.png") !important;
}

Könnte sein dass dann deine anderen Einstellungen für Icons auch für dieses Bild greifen, ohne zusätzliche Grössenangaben.

Aber wie gesagt, wenn es auch anders funktioniert ist das ja auch ok, also muss man sich den Aufwand vielleicht nicht machen.

Zitat von Horstmann

Das Aris Monster - genial wie es ist - hab ich aber schon zu oft durchgekämmt um das nochmal zu machen.

Die Version , die ich nutze, habe ich geändert, und immer so behalten (ohne Updates). Bisher selten mal ein Problemchen.

Zitat von Horstmann

Könnte sein dass dann deine anderen Einstellungen für Icons auch für dieses Bild greifen, ohne zusätzliche Grössenangaben.

Danke, das schaue ich mir dann an.

Zitat von Mira_Belle

So dann hier die neue und aktuelle Version meines "Button-um-weiteres-Profil-zu-öffnen-Skripts".

JavaScript

// JavaScript Document
// QuickProfilesChangesButton.uc.js
// Source file https://www.camp-firefox.de/forum/thema/136664/?postID=1231647#post1231647
// Source file https://www.camp-firefox.de/forum/thema/136664/?postID=1232240#post1232240
// Version 1.07 from August 3, 2023
(function() {
   if (location.href !== 'chrome://browser/content/browser.xhtml') return;
   try {
      CustomizableUI.createWidget({
         id: 'profileschange-button',
         type: 'custom',
         defaultArea: CustomizableUI.AREA_NAVBAR,
         onBuild: function(aDocument) {        
            let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
            toolbaritem.onclick = event => onClick(event);
            var props = {
               id: 'profileschange-button',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               label: 'Profil zusätzlich starten',
               accesskey: '', // Wer möchte kann hier z.B. 'C' eintragen, dann kann per "Alt + C" das Skript ausgeführt werden
               tooltiptext: 'Profile Changer',
            };            
            for (var p in props)
               toolbaritem.setAttribute(p, props[p]);            
            return toolbaritem;
         }    
      });
   } catch(e) { };
   
   let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); // Pfad zum Profilordner und gleich in den entsprechenden Unterordner
   let ButtonIcon = "user-group_2.svg"; // Name & Dateiendung des anzuzeigenden Symbols!
   var css =`
       #profileschange-button { list-style-image: url("${ProfilePath}/${ButtonIcon}") }
   `;
   var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
   var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
   sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
     
   function onClick(event) {
      if (event.button != 0){
         return;
      }
      let file = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
      let arguments = ["-no-remote", "-P", "Standard-Benutzer", "-foreground"]; // Profil wird ausgewählt Hier "XXX" den gewünschten Profilnamen eintragen
//      let arguments = ["-no-remote", "-P"]; // Wer lieber den Profilmanager aufrufen möchte,nutzt diese Zeile!
      file.initWithPath("C:\\Program Files\\Mozilla Firefox\\firefox.exe"); // Pfad zur Firefox-Installation
//      file.initWithPath("/Applications/Firefox.app/Contents/MacOS/firefox"); // Pfad zur Firefox-Installation, Dateipfad für Mac User
      let process = Cc["@mozilla.org/process/util;1"].createInstance(Ci.nsIProcess);
      process.init(file);    
      process.run(false, arguments, arguments.length); // Profil wird bestätigt
   }    
})();

Alles anzeigen

Nur mal für ganz Langsame wie mich: das hier ist wohl inzwischen überholt, und Zeile 31 ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); - mit PathUtils - funktioniert also, auch in den aktuellen Nightlys?

Ärgerlicherweise kann ich Nightlys nicht mehr benutzen auf der alten Mackiste, möchte nur weitmöglichst meine Scripts aktuell halten.

Zitat von Mira_Belle

Äh, wie soll ich das nun erklären?

Prima erklärt, herzlichen Dank für die Mühe!  

Ich wollte v.a. sicher gehen, dass PathUtils nicht generell Probleme macht in neueren Fx Versionen.

Ich bastle immer noch ein bisschen an unserer alten Baustelle herum, ich vermute dass damit alles iO sein sollte bzgl. der Dateipfade, da wird ja CSS im Script benutzt wie in deinem aktuellen Beispiel.

Zitat von Mira_Belle

Man kann direkt im CSS-Teil des Skriptes, z.B. dir Größe genau dieses Symbols beeinflussen

und hat dann alles in einem Code.

Ja, das kann man, mit dem Nachteil, dass sich der gesamte Button dann mit vergrößert. Nun habe ich versucht über Größenanpassungen das zu ändern, aber automatisch verkleinert sich dann auch das icon wieder. Im Moment habe ich noch keine Lösung dafür.

Bei dem Script addons-update-button.uc.js verhält es sich auch so, die anderen machen da keine Probleme.

Zitat von FuchsFan

noch keine Lösung dafür.

Und mit diesem Eintrag?

#profileschange-button.toolbarbutton-1.chromeclass-toolbar-additional image.toolbarbutton-icon {
       width: 30px !important;
       height: 30px !important;
}

Zitat von 2002Andreas

Und mit diesem Eintrag?

Ja, das Icon vergrößert sich, aber auch der Button insgesamt. Da greifen dann auch keine margin-Werte.

Zitat von FuchsFan

aber auch der Button insgesamt.

Eigentlich ja auch zu erwarten

Sind die Icons evtl. zu klein, hast du es mal mit anderen getestet?