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?

geldhuegel

Nochmals vielen Dank. 2002Andreas ich nutze nun dein Skript.

Den Button habe ich nicht gesehen, weil ich nur auf meine Leiste am unteren Bildrand geschaut habe, und nicht oben neben dem Hamburger. Außerdem habe ich die Zeile 14, in der nur die Variable benannt wird, als Zeile für das Bild angesehen und dann nicht mehr weiter geschaut. Schön blöd.

Gibt es da, wo das A.png herkommt auch ein C.png?

Danke nochmals an alle Helfer.

geldhuegel

Jetzt brauche ich doch nochmal Hilfe 2002Andreas. Ich habe ein 2.Profil ohne Sync. Dort habe ich die Icons, aber ohne Funktion. Wenn ich mein normales Profil öffne und die Anmeldung abbreche, habe ich das auch so. Wie kann das zusammen hängen?

2002Andreas

Zitat von geldhuegel

Gibt es da, wo das A.png herkommt auch ein C.png?

Das Icon habe ich schon ewig hier, k.A. woher ich das mal hatte.

Aber hier gibt es die auch:

Alphabet Icons

Alphabet Icons, Logos, Symbole – Kostenloser Download PNG, SVG

Zitat von geldhuegel

Ich habe ein 2.Profil ohne Sync. Dort habe ich die Icons, aber ohne Funktion

Funktionieren denn andere Skripte in diesem Profil?

Zitat von geldhuegel

und die Anmeldung abbreche

Was meinst du mit Anmeldung, per Passwort?

Dann muss ich passen, denn das nutze ich nicht.

geldhuegel

Ich hatte am Samstagmorgen das Skript von 2002Andreas nochmal probiert und es ging nirgendwo. Da hatte ich erst mal keine Lust mehr und habe mir ein schönes Wochenende gemacht. Ich werde alle Skripte morgen in einem neuen Profil ausprobieren und melde mich dann wieder.

about:about Button

Ähnliche Themen

Div. Skripte funktionieren im aktuellem Nightly nicht mehr