about:about Button

geldhuegel

Ich verwende das folgende Skript von 2002Andreas für die Anzeige eines about:about Buttons in der Statusleiste.

CSS

/* aboutabout_ToolbarButton.uc.js */
//  aboutabout-button.uc.js
  
  (function() {
      
       var css =`
    #aboutabout-ToolBarButton > image {
    display: none !important;
}

#aboutabout-ToolBarButton > label {
    display: flex !important;
    background-color: lightgreen !important;
    color: red !important;
    outline: 1px solid red !important;
    outline-offset: -1px !important;
}

#aboutabout-ToolBarButton:hover > label {
    background-color: green !important;
    color: cyan !important;
    outline: 1px solid purple !important;
    outline-offset: -1px !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);

   if (location != 'chrome://browser/content/browser.xhtml') return;
    
    try {
        CustomizableUI.createWidget({
            id: 'aboutabout-ToolBarButton',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {            
                var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                var props = {
                    id: 'aboutabout-ToolBarButton',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'About:About',
                    tooltiptext: 'About:About',
                    /* style: 'list-style-image: ', */
                    onclick: 'if (event.button == 0) { \
                                        openTrustedLinkIn("about:about", "tab");\
                                 }; '
                };
                for (var p in props)
                    toolbaritem.setAttribute(p, props[p]);
                return toolbaritem;
            }
        });
    } catch(e) { };
   
})();

Alles anzeigen

Leider hat es keine Funktion mehr. Kann mir auch hier Hilfe zuteilwerden? Ich weiß, ich bin unersättlich.

Horstmann

Probier mal den Otto:

JavaScript

/* aboutabout_ToolbarButton.uc.js */
//  aboutabout-button.uc.js

  (function() {

       var css =`
    #aboutabout-ToolBarButton > image {
    display: none !important;
}

#aboutabout-ToolBarButton > label {
    display: flex !important;
    background-color: lightgreen !important;
    color: red !important;
    outline: 1px solid red !important;
    outline-offset: -1px !important;
}

#aboutabout-ToolBarButton:hover > label {
    background-color: green !important;
    color: cyan !important;
    outline: 1px solid purple !important;
    outline-offset: -1px !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);

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

    try {
        CustomizableUI.createWidget({
            id: 'aboutabout-ToolBarButton',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {
                var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                var props = {
                    id: 'aboutabout-ToolBarButton',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'About:About',
                    tooltiptext: 'About:About',
                    /* style: 'list-style-image: ', */
                    //onclick: 'if (event.button == 0) { \
                    //                    openTrustedLinkIn("about:about", "tab");\
                    //             }; '
                };
                for (var p in props)
                    toolbaritem.setAttribute(p, props[p]);
                return toolbaritem;
            }
        });
    } catch(e) { };

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

})();

Alles anzeigen

Mira_Belle

Hi, ersetze Zeilen 46 bis einschl. 54 mit ...

JavaScript

        //            onclick: 'if (event.button == 0) { \
        //                    openTrustedLinkIn("about:about", "tab");\
        //                }; '
                };
                for (var p in props)
                    toolbaritem.setAttribute(p, props[p]);
        /* Neu */
                toolbaritem.addEventListener('click', event => {      
                    if (event.button == 0) { 
                        openTrustedLinkIn("about:about", "tab");
                    }
                });
        /* Bis hier */

                return toolbaritem;
            }
        });

Alles anzeigen

Horstmann

Zitat von Mira_Belle

Hi, ersetze Zeilen 46 bis einschl. 54 mit ...

Das ist allerdings die Fix Version #1, die meist nur für bzw. in einem einzigen Fenster funktioniert, abhängig von der benutzten Funktion natürlich.

Mach mal ein zweites Fenster auf, und Klick den Button in deiner Version- die Seite öffnet sich im zuerst geöffneten Fx Fenster, und nur dort, jedenfalls bei mir.
Da kann ich mir aber den Mund fusselig reden, das scheint nicht relevant zu sein.

Mira_Belle

Oh, dann ...
... besser Deinen Fix.

.DeJaVu

Zitat von Horstmann

Das ist allerdings die Fix Version #1, die meist nur für bzw. in einem einzigen Fenster funktioniert,

Wurde schon so ähnlich im Thema zu ButtonCloseTab berichtet. Evtl könnt ihr den neuen Teil da auch einbringen.

geldhuegel

Horstmann : leider keine Funktion

Mira_Belle : leider kein Button

Aber vielen Dank, dass ihr euch der Sache annehmt.

Horstmann

Zitat von geldhuegel

Horstmann : leider keine Funktion
Mira_Belle : leider kein Button

Hast du mit Mira's Version die Funktion, nur evtl. einen unsichtbaren Button?

2002Andreas

Zitat von geldhuegel

für die Anzeige eines about:about Buttons in der Statusleiste.

Ich könnte dir noch das anbieten:

JavaScript

(function() {

    if (!window.gBrowser){
        return;
    }

    try {
       CustomizableUI.createWidget({
          id: 'about-button',
          type: 'custom',
          defaultArea: CustomizableUI.AREA_NAVBAR,
          onBuild: function(aDocument) {         
            var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
			var buttonicon = "A.png";
            var toolbaritem = aDocument.createXULElement('toolbarbutton');
            var props = {
                id: 'about-button',
                class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                removable: 'true',
                label: 'about:about',
                accesskey: '',
                tooltiptext: 'about:about',
                style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) + '");'
             };            
             for (var p in props)
                toolbaritem.setAttribute(p, props[p]);            
             return toolbaritem; 
          }      
       });
	    CustomizableUI.registerToolbarNode(tb);
       } catch(e) { };

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

})();

Alles anzeigen

In Zeile 14 kannst du ein beliebiges Icon von dir einfügen.

Oder das obige nehmen:

Mira_Belle

Oder, Dein Skript "repariert".

JavaScript

//  aboutabout-button.uc.js
  
  (function() {
      
       var css =`
    #aboutabout-ToolBarButton > image {
    display: none !important;
}

#aboutabout-ToolBarButton > label {
    display: flex !important;
    background-color: lightgreen !important;
    color: red !important;
    outline: 1px solid red !important;
    outline-offset: -1px !important;
}

#aboutabout-ToolBarButton:hover > label {
    background-color: green !important;
    color: cyan !important;
    outline: 1px solid purple !important;
    outline-offset: -1px !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);

   if (location != 'chrome://browser/content/browser.xhtml') return;
    
    try {   
        CustomizableUI.createWidget({
            id: 'aboutabout-ToolBarButton',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {            
                var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                var props = {
                    id: 'aboutabout-ToolBarButton',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'About:About',
                    tooltiptext: 'About:About',
                    /* style: 'list-style-image: ', */
                    //onclick: 'if (event.button == 0) { \
                    //        openTrustedLinkIn("about:about", "tab");\
                    //    }; '
                };
                for (var p in props)
                    toolbaritem.setAttribute(p, props[p]);
                /* Fix1 */
                //toolbaritem.addEventListener('click', event => {      
                //    if (event.button == 0) { 
                //        openTrustedLinkIn("about:about", "tab");
                //    }
                //});
                /* Bis hier */

            return toolbaritem;
            }
        });
    } catch(e) { };
    /* Fix 2 */
    document.getElementById('aboutabout-ToolBarButton').addEventListener('click', event => {	  
        if (event.button === 0) {
		openTrustedLinkIn('about:about',"tab");  
        }
    });
    /* Bis hier */
})();

Alles anzeigen

Horstmann

Zitat von Mira_Belle

Oder, Dein Skript "repariert".

Nur aus Neugierde, ist da etwas anders als in meinem Script aus #2, oder hatte ich da einen Fehler drin?
Sieht für meinen Eindruck eigentlich gleich aus.

Und hast du das in der Release, und auch in der berüchtigten Nightly getestet?

geldhuegel

Warum auch immer, aber plötzlich habe ich mit dem Skript und dem Zusatz von Mira_Belle aus #3 einen Button, der auch about:about aufruft. Es ist aber so wie Horstmann schreibt, dass der Aufruf in einem zweiten Fenster die Seite im ersten Fenster öffnet. Damit könnte ich leben, da ich selten mehrere Fenster geöffnet habe.

2002Andreas : das Bild liegt bei mir C:\Users\geldh\AppData\Roaming\Mozilla\Firefox\Profiles\rq9bmbv4.xxxxxxxx\chrome\Icons\A.png

Leider weiß ich wieder mal nicht, wie ich das richtig einfüge. Ein Platzhalter mit Funktion ist mit deinem Skript vorhanden, aber kein Bild.

Ihr seid so gut zu mir. Jetzt bin ich mal weg.

Mira_Belle

Zitat von Horstmann

Nur aus Neugierde, ist da etwas anders als in meinem Script aus #2, oder hatte ich da einen Fehler drin?
Sieht für meinen Eindruck eigentlich gleich aus.

Geht mir genau so.
Ich habe halt "unnützes" drin.
Aber es funktioniert in der Nightly.

geldhuegel Bei mir nicht!
In dem Fenster wo der Button betätigt wird, in dem wird auch der Tab about:about geöffnet.

2002Andreas

Zitat von geldhuegel

wie ich das richtig einfüge.

Normalerweise brauchst du gar nichts weiter machen, außer das Icon in den Unterordner icons im chrome Ordner ablegen.

Der Pfad dahin wird damit ausgelesen:

milupo

Zitat von 2002Andreas

Normalerweise brauchst du gar nichts weiter machen, außer das Icon in den Unterordner icons im chrome Ordner ablegen.

geldhuegel Es sei denn, du willst dem Symbol einen anderen Namen als A.png geben. Dann musst du in Zeile 14 diesen Namen angeben.

Horstmann

Zitat von Mira_Belle

Zitat von Horstmann

Script aus #2

Aber es funktioniert in der Nightly.

Danke für's Testen!

Dass deine Version in verschiedenen Fenstern klappt, ohne das beschriebene Problem, ist seltsam; bei mir könnte es ja ein Mac Problem sein, aber die jüngsten Meldungen dazu kamen von Windows Usern.

Zitat von geldhuegel

2002Andreas : das Bild liegt bei mir C:\Users\geldh\AppData\Roaming\Mozilla\Firefox\Profiles\rq9bmbv4.xxxxxxxx\chrome\Icons\A.png

Das einzige was mir zusätzlich zu den obigen Kommentaren noch einfällt, ist dass Icons bei dir mit grossem I geschrieben ist, als Name des Icon Ordners; im Script ist es icons kleingeschrieben.

Wobei das nicht in jedem Fall ein Problem sein muss, ich meine mich zu erinnern dass hier am Mac Dateipfade nicht case-sensitive sind, oder sind es nur Dateinamen?

about:about Button

Ähnliche Themen

Div. Skripte funktionieren im aktuellem Nightly nicht mehr