userChrome.js Scripte für den Fuchs (Diskussion)

Mitleser

Es lässt mir einfach kein Ruhe. Der Fehler liegt hier (in Zeile 7), die null in Anführungstrichen ist falsch: so sollte es gehen ohne den Weg über 'else' :

Zum Thema Label: Danke für deine Änderungen. Sicherlich hast du nicht bedacht, dass die Länge eines Eintrags an dieser Stelle bewirkt, dass das Menü unnötig breit wird, Die kurze Vers. fand ich genau so aussagekräftig...Egal...

Zitat von Mira_Belle

Denn genau genommen, sehe ich keine Verwendung genau für dieses Skript mit dieser Funktion.

Zitat von Mitleser

dies ist einfach nur ein Test

Wie verwende ich das Script zukünftig? Das werde ich bestimmt hier posten oder in die Tonne treten und dann die Tonne abfackeln...

JavaScript

// Funktion zum Aktualisieren des Labels und Icons
    function updateMenuItem() {
        const starred = orig.getAttribute('starred');

        if (starred == '') {
            menuitem1.setAttribute('label', 'funzt');
        } else if (starred == null) {
            menuitem1.setAttribute('label', label1);
        } else if (starred == "true") {
            menuitem1.setAttribute('label', label2);
        } else {
            menuitem1.setAttribute('label', 'funzt nicht');
        }

Alles anzeigen

Mira_Belle

Moin.

Mit der Änderung else if (starred == "null") zu else if (starred == null) funzt es.

Label: Also bei mir passt das schon, das Menü ist/war dafür breit genug. Aber, kann man ja nach Belieben anpassen.

Ich werde das Skript mit ganz vielen Anmerkungen in meinem Archiv ablegen,
denn grundsätzlich finde ich die Funktion spannend.

Danke für die Denksportaufgabe.

Ein Gedanke!

2002Andreas erwähnt hier #16 ein Skript, mit welchem er den Eintrag media.mediasource.enabled = false
hin und her schalten kann. Ich vermute, er nutzt dafür einen Button.
Eventuell kann man mit diesem JavaScript ....
Ach egal.

Endor

Hallo Mira_Belle .
Das wäre das Script zum Umschalten der Mediasource:

Code

(function() {

   if (location != 'chrome://browser/content/browser.xhtml')
      return;

   try {
      CustomizableUI.createWidget({
         id: 'mediasource-enabled-button',
         type: 'custom',
         defaultArea: CustomizableUI.AREA_NAVBAR,
         onBuild: function(aDocument) {
            var button = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
            var attributes = {
               id: 'mediasource-enabled-button',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               label: 'media.mediasource',               
               tooltiptext: Services.prefs.getBoolPref('media.mediasource.enabled') ?
                  'media.mediasource ist aktiviert' : 'media.mediasource ist deaktiviert',
               oncommand: '(' + onCommand.toString() + ')()'
            };
            for (var a in attributes) {
               button.setAttribute(a, attributes[a]);
            };
            function onCommand() {
               var isEnabled = !Services.prefs.getBoolPref('media.mediasource.enabled');
               Services.prefs.setBoolPref('media.mediasource.enabled', isEnabled);
			   event.target.ownerGlobal.BrowserCommands.reload();
               var windows = Services.wm.getEnumerator('navigator:browser');
               while (windows.hasMoreElements()) {
                  let button = windows.getNext().document.getElementById('mediasource-enabled-button');
                  if (isEnabled)
                     button.setAttribute('tooltiptext', 'media.mediasource ist aktiviert')
                  else
                     button.setAttribute('tooltiptext', 'media.mediasource ist deaktiviert');
               };
            };
            return button;
         }
      });
   } catch(e) { };

   var css =
      '#mediasource-enabled-button[tooltiptext="media.mediasource ist aktiviert"] {list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4QgVChgZrZw7pAAAAulJREFUOMttk89PXFUUxz/3vofDTAccfo2tFpDXzSSkFZSFYsLChTXsTGSYhS6EpN2y8EmABAIJQ8ho+hcwUbuAmVnpysRYZRaaGKI2pLUmzhhSw1Aob2gKU4b33r0uYChEv8tzvt9zz/mecwUnmJmZYXZ2lvn5eUtrPa61HtBaWwBCiKIQIi+EWJyamirWuAACYHJykmQyyfT09JLveSOPDl1i20Xay5sAPGx6mQdRi5fq6zBMMz03Nzda0wjbtkmlUkxMTPzuHFRe69kpMvrge+qqFZSQAEitcAMh0rF3+K3tCs0XQncXFhZ6bNs+7sC27SVnvzLy8b1veftxASUNpPJR0uAspPL5qbmLpauDtIRD6VQqNWqMjY1Z7tHRF907RT7Y+OVY7Pp8PXiDWOHX2pQAaCHpqDj8E27hUaCxt7+//7b0PG+8VKlys5A/9+LPLV188u4Yfza3I5V/GlfS4OZfeUqVKp7njUvXdQe6dzeoOzx43quAvfIeW1tbfNr6Bp/FriO1Ok2b1Qrdzgau6w5I13Wt9qfb6BPDagXK5TKO43BQdvjhmeTD1z/ifuurCDRKSDr3Sriua5m+76M152EIVldXebr5kGAwSGdHB8GGhjNugNYa3/cxlVLFv4NNMYFCY9SyRCIRGoXCM0yuv2iSvJdDCYlGILVPIdyGUqoolVL5tVAUtz58pjxEo21c7uwkF94lubN2ehMAXv0F1oJRlFJ5CSxGhOLWpb7nbmt4L1LHndIdeg93z4ml8rl1qY+IUACLxvr6evnqtWsdf3hG7+WjfbqqT1CGwUDpPkrK/xzSj+FXuN1oEQq8kF5eXv7SSCQSrKysfNPX0/P+d4G2i5uRi7x5uIPhH6FPbJMo/ECIz9vf4qsGi6ZQ8G4mkxlMJBLHjOHhYTKZDPF4fMn3vBHHh75n21zZfwxAIdzKWjBKswGGaaaz2exoTXO6mXg8TjabZWhoyAL+9zsDi7lcrljjAvwLey1SDvA6/m0AAAAASUVORK5CYII=)} ' +
      '#mediasource-enabled-button[tooltiptext="media.mediasource ist deaktiviert"] {list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4QgVChcoe9onUQAAAvBJREFUOMttk09M22UYxz+/931b+kcg1FEoZAmWbGOSuCVOjR6IXnfzQGnCDeLBG4lpCJBAIAEye+CqB6qXJrTcPGjMolnINCbOxDl1soQyFKms0lrH1tHf731fD7SdLj7Jk/fwPt+83+/nzePQqIWFBRYXF1leXo5ba6ettSPW2jiA4zgFx3G2HMe5Njc3V2jOAjgAs7OzrKysMD8/v649b+LwxGPocIeB0n0A7ncP8EvPINE2hVIqs7S0NNnUOKlUinQ6zczMzPflR7VLLxfvMrH9JdJzMUICIIzGSB8fXXiTb/uGiYSDt1dXVy+nUqlTB6lUav3o0eOJyR8+5Y3ybkv4bAmj+TryAusvXeX5cCiTTqcnnampqbj2vJ2Lv9/l3e0vMEIh6l4jHE9PC9onkUbz4bm3+OnsMFKpQeV53nTx8QlrhZsYIRF1j/TUBxxVKvxVqVCr1bDWctIWIvfZ+xgleWf3JmNnztEbZFq5rjsyXN5Duict609qNZ48+IOHpRLHx8dYa3EDYRCNKJ7Li0d7HPYMjCjXdePxo32MaN7C/sEB9WqVSqVCtVpFSokO6RYLIySDf/7KfqQ/rrTW2P+Qgjt3fqS8V6BYLGKtJRaL8VzM95QHYLForVHGmMK99p4hcfTzaQQL7e3t2K4uhBBYa+no6KAtHIbSKVRhNNudfRhjCsoYs/VdKDqk/QEczwUL/jNRAvU6JtwBQDAYREW6YbfxuvJxK9RN1JgtZ3x8PO7W6zuvPjzgvd++QjsS6ekWsH95RkuJtIa1/tf4pvMsPr9/UGSz2YKQMnPd382NcD/SGoySGPFMN8Q3wn18HuhFSJnJZrMFmUwm2djY+OTK5UtvX2+L9j4IR3i9dojQLtZxAAdhNUgfa32v8HHnebpCgdu5XO5qMpk85To2NkYulyORSKxrz5soa7hSK3H+7yJYuNcZ41YoSkRYpFKZfD4/2dS0PiaRSJDP5xkdHY0D/7vOwLXNzc1CcxbgH/lpXYTK63B1AAAAAElFTkSuQmCC)} ';
   var stylesheet = document.createProcessingInstruction('xml-stylesheet', 'type="text/css" href="data:text/css;utf-8,' + encodeURIComponent(css) + '"');
   document.insertBefore(stylesheet, document.documentElement);

})();

Alles anzeigen

Das Script erstellt eine Schaltfläche zum umschalten.
Mfg.
Endor

Mitleser

Ich könnte noch Icons oben drauf legen:
icons.zip
Oder auch noch das (ich benutze den Button auch):

Spoiler anzeigen

JavaScript

(function() {
// ■■ START UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
const buttonIcon1 = 'pulse-square_thin.svg'; // Name & Dateiendung des anzuzeigenden Symbols
// Download
const buttonIcon2 = 'downloads_thin.svg'; // Name & Dateiendung des anzuzeigenden Symbols
const buttonPath = '/chrome/icons/'; // Pfad zum Ordner der die Icons beinhaltet
const label = 'Mediasource userpref Downl./Livest.';
//const label1 = 'Mediasource userpref Livestream.';
//const label2 = 'Mediasource userpref Download';
//const tooltiptext1 = ?;
//const tooltiptext2 = ?;
// ■■ END UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
const curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));
  if (location != 'chrome://browser/content/browser.xhtml')
     return;
  try {
     CustomizableUI.createWidget({
        id: 'mediasource-enabled-button',
        type: 'custom',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onBuild: function(aDocument) {
           var button = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
           var attributes = {
              id: 'mediasource-enabled-button',
              class: 'toolbarbutton-1 chromeclass-toolbar-additional',
              removable: 'true',
              label: label,               
              tooltiptext: Services.prefs.getBoolPref('media.mediasource.enabled') ?
                 'LiveStream' : 'Download',
              oncommand: '(' + onCommand.toString() + ')()'
           };
           for (var a in attributes) {
              button.setAttribute(a, attributes[a]);
           };
           function onCommand() {
              var isEnabled = !Services.prefs.getBoolPref('media.mediasource.enabled');
              Services.prefs.setBoolPref('media.mediasource.enabled', isEnabled);
              event.target.ownerGlobal.BrowserCommands.reload();
              var windows = Services.wm.getEnumerator('navigator:browser');
              while (windows.hasMoreElements()) {
                 let button = windows.getNext().document.getElementById('mediasource-enabled-button');
                 if (isEnabled)
                    button.setAttribute('tooltiptext', 'LiveStream')
                 else
                    button.setAttribute('tooltiptext', 'Download');
              };
           };
           return button;
        }
     });
  } catch(e) { };
//-----------------------------------------
	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(`
#mediasource-enabled-button[tooltiptext="LiveStream"] {
    list-style-image: url(${curProfDir}${buttonPath}${buttonIcon1});
	fill: lightblue !important;
}
#mediasource-enabled-button[tooltiptext="Download"]  {
    list-style-image: url(${curProfDir}${buttonPath}${buttonIcon2});
	fill: gold !important;
}
	`), null, null);
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
//-----------------------------------------------------------------
})();

Alles anzeigen

Mira_Belle

2002Andreas

Endor Danke. Habe etwas gebastelt. Es ist zwar so wie ich es mir vorgestellt habe,
aber das Skript ist ganz, ganz anders.
Egal war, ist ja eh nur ein Training für meinen Kopf.
Beschreibung.
Im Skript, das Endor mir zur Verfügung gegeben hat, wird ein Button erstellt,
mithilfe dessen man den config Eintrag media.mediasource.enabled umschalten kann.

Ich wollte diese Funktion in das Kontextmenü bringen!
Was scheinbar auch funktioniert hat.

Wer mag, kann es ja mal testen, und natürlich darf es auch von jedem der mag genutzt werden.

Symbole wie immer nach Belieben anpassen!

JavaScript

(function () {
    if (location.href !== 'chrome://browser/content/browser.xhtml')
        return;

    const contextMenuId = 'context-toggle-mediasource';
    const labelEnabled = 'media.mediasource ist aktiviert';
    const labelDisabled = 'media.mediasource ist deaktiviert';

    const curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));   // Pfad zum Profil
    const iconPath = '/chrome/icons/';                                              // Pfad zum Ordner der das Icon beinhaltet
    const iconEnabled = 'bookmark-hollow.svg';                                      // Symbol für aktiviert
    const iconDisabled = 'bookmark.svg';                                            // Symbol für deaktiviert

    function updateMenuItem(menuitem) {
        const isEnabled = Services.prefs.getBoolPref('media.mediasource.enabled');
        menuitem.setAttribute('label', isEnabled ? labelEnabled : labelDisabled);
        menuitem.setAttribute('tooltiptext', isEnabled ? labelEnabled : labelDisabled);
        menuitem.setAttribute('data-enabled', isEnabled);
    }

    const oncommand = function () {
        const isEnabled = !Services.prefs.getBoolPref('media.mediasource.enabled');
        Services.prefs.setBoolPref('media.mediasource.enabled', isEnabled);
        event.target.ownerGlobal.BrowserCommands.reload();                          // Seite neu laden
        updateAllMenuItems();
    };

    function updateAllMenuItems() {
        const windows = Services.wm.getEnumerator('navigator:browser');
        while (windows.hasMoreElements()) {
            const doc = windows.getNext().document;
            const menuitem = doc.getElementById(contextMenuId);
            if (menuitem) {
                updateMenuItem(menuitem);
            }
        }
    }

    const menuitem = document.createXULElement('menuitem');
    menuitem.id = contextMenuId;
    menuitem.setAttribute('oncommand', '(' + oncommand.toString() + ')()');
    menuitem.classList.add('menuitem-iconic');
    updateMenuItem(menuitem);

    const refItem = document.getElementById('context-inspect');
    refItem.parentNode.insertBefore(menuitem, refItem.nextSibling);

    // Update the menu item when the preference changes
    Services.prefs.addObserver('media.mediasource.enabled', updateAllMenuItems);
    
    // Clean up observer on unload
    window.addEventListener('unload', function() {
        Services.prefs.removeObserver('media.mediasource.enabled', updateAllMenuItems);
    });

    // Initial update of all menu items
    updateAllMenuItems();

    // CSS für die Symbole hinzufügen
    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(`
        #${contextMenuId}[data-enabled="true"] {
            list-style-image: url(${curProfDir}${iconPath}${iconEnabled}) !important;
            transform: scale(1.0) !important;
            -moz-context-properties: fill;
            fill: orange !important;
        }
        #${contextMenuId}[data-enabled="false"] {
            list-style-image: url(${curProfDir}${iconPath}${iconDisabled}) !important;
            transform: scale(1.0) !important;
            -moz-context-properties: fill;
            fill: lightgreen !important;
        }
    `), null, null);
    sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

})();

Alles anzeigen

Nur mit dem Skalieren des Symbols stehe ich auf Kriegsfuß!
Denn ändere ich diese, z.B. weil mir das Symbol zu groß erscheint,
Zerhaut es mir das Label und der Text wird verzerrt.
Auch stimmt dann nicht mehr die "Schaltfläche" von den Proportionen her.
Wenn jemand da eine Idee hätte, raus mit.

2002Andreas

Zitat von Mira_Belle

weil mir das Symbol zu groß erscheint

Du musst nur das Symbol ansprechen, nicht den kompl. Eintrag:

Beispiel:

CSS

#context-toggle-mediasource .menu-iconic-left {
 transform: scale(1.8) !important;
}

CSS

let uri = Services.io.newURI('data:text/css;charset=utf-8,' + encodeURIComponent(`
        #${contextMenuId}[data-enabled="true"] {
            list-style-image: url(${curProfDir}${iconPath}${iconEnabled}) !important;
            -moz-context-properties: fill;
            fill: orange !important;
        }
        #${contextMenuId}[data-enabled="false"] {
            list-style-image: url(${curProfDir}${iconPath}${iconDisabled}) !important;
            -moz-context-properties: fill;
            fill: lightgreen !important;
        }
		#context-toggle-mediasource .menu-iconic-left {
            transform: scale(1.8) !important;
   }

Alles anzeigen

Mira_Belle

Zitat von 2002Andreas

Zitat von Mira_Belle

weil mir das Symbol zu groß erscheint

Du musst nur das Symbol ansprechen, nicht den kompl. Eintrag:

Richtig, habe ich auch herausgefunden, dennoch Danke!

Nur meine Lösung:

Nicht #${contextMenuId}[data-enabled="true"] { sondern #${contextMenuId}[data-enabled="true"] image {

Und schon funktioniert es.

Aber Deine Lösung hat auch was!

2002Andreas

Zitat von Mira_Belle

Nur meine Lösung:

Endor

Mira_Belle
Prima.

Mfg.
Endor

mkpcxxl

Hallo ihr "Fachleute",

brauch mal wieder Hilfe. Seit dem Update auf Version 127 funktioniert das Script Grafik Anzeigen.uc.js bei mir nicht mehr. Kann sich das mal jemand anschauen und sagen woran es liegen könnte ?

Code

(function() {

  if (!window.gBrowser)
    return;

  function viewMedia(event) {
    let where = whereToOpenLink(event, false, false);
    let referrerInfo = gContextMenu.contentData.referrerInfo;
    let systemPrincipal = Services.scriptSecurityManager.getSystemPrincipal();
    if (gContextMenu.onCanvas) {
      gContextMenu._canvasToBlobURL(gContextMenu.targetIdentifier).then(function(blobURL) {
        openTrustedLinkIn(blobURL, where, {
          referrerInfo,
          triggeringPrincipal: systemPrincipal,
        });
      }, Cu.reportError);
    } else {
      urlSecurityCheck(
        gContextMenu.mediaURL,
        gContextMenu.principal,
        Ci.nsIScriptSecurityManager.DISALLOW_SCRIPT
      );
      openTrustedLinkIn(gContextMenu.mediaURL, where, {
        referrerInfo,
        forceAllowDataURI: true,
        triggeringPrincipal: gContextMenu.principal,
        csp: gContextMenu.csp,
      });
    }
  }

  let item = document.getElementById('context-viewimage');
  item.setAttribute('oncommand', '(' + viewMedia.toString() + ')(event);');
  item.label = 'Grafik anzeigen';

})();

Alles anzeigen

Gruß und danke schon im Vorraus

mkpcxxl

milupo

Ersetze mal Zeile 7 durch folgende:

JavaScript

let where = BrowserUtils.whereToOpenLink(event, false, false);

mkpcxxl

milupo Danke, hat geklappt, super.

Gruß

mkpcxxl

dribs

Auch von mir ein herzliches Dankeschön dafür!

Speravir

Zitat von mkpcxxl

das Script Grafik Anzeigen.uc.js

Zum Verständnis: Was ist der Sinn dieses Skripts?

milupo

Dieses Skript legt einen Kontextmenüeintrag „Grafik anzeigen“ an, mit dem du eine Grafik anzeigen kannst, wenn du mit der rechten Taste darauf klickst. Vor Jahren war das mal eine Standardmöglichkeit von Firefox, die dann abgeschafft wurde.

Noch ein Foto:

lenny2

Zitat von milupo

Dieses Skript legt einen Kontextmenüeintrag „Grafik anzeigen“

Es ist nicht sehr angenehm, ein Bild in der gleichen Registerkarte zu öffnen oder Strg zu drücken, um es in einer neuen Registerkarte zu öffnen. Das Skript muss so geändert werden, dass das Bild ohne zusätzliche Aktionen in einer neuen Registerkarte geöffnet wird.

Endor

Hallo lenny2

Bitte mal testen:

Code

(function() {

  if (!window.gBrowser)
    return;

  function viewMedia(event) {
    let where = BrowserUtils.whereToOpenLink(event, false, false);
    let referrerInfo = gContextMenu.contentData.referrerInfo;
    let systemPrincipal = Services.scriptSecurityManager.getSystemPrincipal();
    if (gContextMenu.onCanvas) {
      gContextMenu._canvasToBlobURL(gContextMenu.targetIdentifier).then(function(blobURL) {
        openTrustedLinkIn(blobURL, where = "tab", {
          referrerInfo,
          triggeringPrincipal: systemPrincipal,
        });
      }, Cu.reportError);
    } else {
      urlSecurityCheck(
        gContextMenu.mediaURL,
        gContextMenu.principal,
        Ci.nsIScriptSecurityManager.DISALLOW_SCRIPT
      );
      openTrustedLinkIn(gContextMenu.mediaURL, where = "tab", {
        referrerInfo,
        forceAllowDataURI: true,
        triggeringPrincipal: gContextMenu.principal,
        csp: gContextMenu.csp,
      });
    }
  }

  let item = document.getElementById('context-viewimage');
  item.setAttribute('oncommand', '(' + viewMedia.toString() + ')(event);');
  item.label = 'Grafik anzeigen';

})();

Alles anzeigen

2002Andreas

Das Skript wird doch gar nicht benötigt

Neues Profil, dann sieht das so aus:

Der Eintrag ist doch vorhanden, oder habe ich das jetzt falsch verstanden?

milupo

Zitat von 2002Andreas

Der Eintrag ist doch vorhanden

Bei mir nicht. Hast du dafür ein Skript am Laufen?

2002Andreas

Zitat von milupo

Hast du dafür ein Skript am Laufen?

Zitat von 2002Andreas

Neues Profil, dann sieht das so aus:

Rechtsklick auf ein Bild machen, dann wird der Eintrag angezeigt.