Symbole zu Kontextmenüs mit Javascript und CSS hinzufügen

bege

Zitat von Endor

Für das Kontextmenü der Entwickler Werkzeuge hätte ich was für dich:
https://github.com/Endor8/CSS/blo…zeuge/Menus.css
Symbole sind als Base64 Code integriert.
Mfg.
Endor

So, nach dem Kampf mit den anderen Menüs habe ich diesen Code ausprobiert. Das sieht ja total professionell aus, alle Achtung!

Drei Fragen:

Kannst du noch Symbole für die Einträge "Einfügen" und "Pseudoklassen ändern" hinzufügen?

Einige andere Menüeinträge werden bei mir dadurch zerschossen. Wie lautet die "@-moz-document url" der Entwickler-Werkzeuge, um den Wirkungsbereich einzugrenzen?

Lässt sich das auch für die Browser-Werkzeuge anwenden?

Endor

Ja für Browserwerkzeuge geht es auch.

Dazu muss alles in den Profile Unterordner: chrome_debugger_profile

das ist ein eigenes Profil für die Browserwerkzeuge.

Da muss auch eine user.js Datei rein mit dem Eintrag:

Code

user_pref("toolkit.legacyUserProfileCustomizations.stylesheets",true);

der Rest ist wie in normalen Fuchs
dort einen Ordner chrome erstellen darin dann die Datei

userChrome.css ablegen usw. Kennst Du ja.

Was die fehlenden Einträge betrifft:

bei mir sieht es so aus, Bild noch aus Firefox 72.0.2

Müsste also alles dabei sein. Muss ich im 73er noch testen.

Mfg.
Endor

grisu2099

Danke Endor !

Endlich auch in den Browser-Werkzeugen das gleiche Design...

Endor

Also hier im 73er sind sie auch da.

hier mal der entsprechende Code Teil:

CSS

menu[label="Pseudoklassen ändern"]{
-moz-appearance:none!important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0Y1NkJDMDk3NkFEMTFFMjlDOEFDOTNEQjAxQjVERDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Y1NkJDMEE3NkFEMTFFMjlDOEFDOTNEQjAxQjVERDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRjU2QkMwNzc2QUQxMUUyOUM4QUM5M0RCMDFCNURENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjU2QkMwODc2QUQxMUUyOUM4QUM5M0RCMDFCNURENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtPxky8AAAKrSURBVHjafJPLTxNRFMZ/82DaUh7lqSgqIBIEFiaCgY1IQmAharoh+EjExC0RjYr4B+jGmJCY+BfgjkSgFCwkRmDBRiMo8jRAXFkSKBaEtHTGe4cCRsUvOTP33jlz5jvf+Ubx+/2rpml6YqbJHqydi6IoWJZlx59QVRVN00K6eOgpKSkhPz//r6S5+XlOFRZyEHp7ez26XCwuLdkFntafRNUNzGiE9sBXhodHcbuTbAamZCEjzup47lEEc1RZQFKVSEzNpK2rE5cn094bhoHDadDv72NmegqXy0lgwM+0WO9C/71A5ZUbzA4OUSXudgGHQxRx0th01ZZF5jU2XSdmxnaFQJWHuq7T199P5/A4rrPNdI6M4x8cxJWehsOdyPjiAs4kN12BN3xaWhCxuPN+SkqcgQhfTw+a4WJy4gOW4cYXCHBpdJT+2jHkfPwi0kQE40N6LSKhuhrF5/NZpaWlzMzOkqBrO9Q0DVOIt1VRQcOLl3CuHCrK9+UPrUF3N77mm6hSyby8POrr6ggr2aypx9gyjlBbXk5UJtdUQ24ukexsIuJDkeJikC00XLSZ2VPY3NxkY/0HwZU1vBeKhDYWP8W5ba2S00SqqjCCQbSHDzBGRoi2P4aMjJ0pSBEHBgZQrJhQNIfAl02WQ1ECQwFyiopgLYzW0sJ2RweR1lYSl5cxP0/uj1Gawuv12pvut+N8m3pPVpaHy+frGJXGSXQKUQ2U9HQcfiFlZiZ62yNYXd33gcR6eJ2aigLCG9ukpDjtFr7PzQmpE9AOHYaCfGIfJ4jeuYtWVgZt7XsthIWnkyUT2Y7tKVXDSk0lQWbcu4/y/JmYXxD9xHG4fQuartm2VuMWOCMH96+f5RU8SYY66bvsykr7bGVsjFhc/XVFeafwfxTE/XMQQr8EGABWjvZv2W8QvQAAAABJRU5ErkJggg==") no-repeat !important;
min-height: 24px!important;
padding-left:4px!important;
background-position:6px 5px!important;}


menu[label="Pseudoklassen ändern"]:hover{
-moz-appearance:none!important;
margin-right: -1px !important;
background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0Y1NkJDMDk3NkFEMTFFMjlDOEFDOTNEQjAxQjVERDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Y1NkJDMEE3NkFEMTFFMjlDOEFDOTNEQjAxQjVERDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRjU2QkMwNzc2QUQxMUUyOUM4QUM5M0RCMDFCNURENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjU2QkMwODc2QUQxMUUyOUM4QUM5M0RCMDFCNURENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtPxky8AAAKrSURBVHjafJPLTxNRFMZ/82DaUh7lqSgqIBIEFiaCgY1IQmAharoh+EjExC0RjYr4B+jGmJCY+BfgjkSgFCwkRmDBRiMo8jRAXFkSKBaEtHTGe4cCRsUvOTP33jlz5jvf+Ubx+/2rpml6YqbJHqydi6IoWJZlx59QVRVN00K6eOgpKSkhPz//r6S5+XlOFRZyEHp7ez26XCwuLdkFntafRNUNzGiE9sBXhodHcbuTbAamZCEjzup47lEEc1RZQFKVSEzNpK2rE5cn094bhoHDadDv72NmegqXy0lgwM+0WO9C/71A5ZUbzA4OUSXudgGHQxRx0th01ZZF5jU2XSdmxnaFQJWHuq7T199P5/A4rrPNdI6M4x8cxJWehsOdyPjiAs4kN12BN3xaWhCxuPN+SkqcgQhfTw+a4WJy4gOW4cYXCHBpdJT+2jHkfPwi0kQE40N6LSKhuhrF5/NZpaWlzMzOkqBrO9Q0DVOIt1VRQcOLl3CuHCrK9+UPrUF3N77mm6hSyby8POrr6ggr2aypx9gyjlBbXk5UJtdUQ24ukexsIuJDkeJikC00XLSZ2VPY3NxkY/0HwZU1vBeKhDYWP8W5ba2S00SqqjCCQbSHDzBGRoi2P4aMjJ0pSBEHBgZQrJhQNIfAl02WQ1ECQwFyiopgLYzW0sJ2RweR1lYSl5cxP0/uj1Gawuv12pvut+N8m3pPVpaHy+frGJXGSXQKUQ2U9HQcfiFlZiZ62yNYXd33gcR6eJ2aigLCG9ukpDjtFr7PzQmpE9AOHYaCfGIfJ4jeuYtWVgZt7XsthIWnkyUT2Y7tKVXDSk0lQWbcu4/y/JmYXxD9xHG4fQuartm2VuMWOCMH96+f5RU8SYY66bvsykr7bGVsjFhc/XVFeafwfxTE/XMQQr8EGABWjvZv2W8QvQAAAABJRU5ErkJggg==") no-repeat !important;
border-width: thin !important;
border-radius: 4px !important;
border-color: #aecff7 !important;
border-style: solid !important;
min-height: 24px!important;
padding-left:3px!important;
background-position:5px 4px!important;}

Alles anzeigen

Denk dran da sind Umlaute dabei, daher muss der CSS Code in UTF-8 gespeichert werden.

Mfg.
Endor

bege

Zitat von Endor

Denk dran da sind Umlaute dabei, daher muss der CSS Code in UTF-8 gespeichert werden.
Mfg.
Endor

Tja, das war's natürlich. Danke. Obwohl ich das weiß, passiert mir das immer wieder. Jetzt ist bei mir auch alles komplett.

Nur die Kontextmenüs der Add-on- und der Skript-Buttons werden etwas zerschossen. So sieht das ohne deinen Code aus

und so mit

jeweils der dritte Eintrag von oben und von unten werden zerschossen.

Beim unteren ist es Zeile 3037 in deinem Code

CSS

#mainPopupSet > menupopup:nth-child(-n+70) > menuitem:nth-child(15)[type="checkbox"]>.menu-iconic-left{

beim oberen Zeile 2779

Code

#mainPopupSet > menupopup:nth-child(-n+70) > menuitem:nth-child(3) > .menu-iconic-text {

Weißt du, wie man deinen Code auf die Entwicklerwerkzeuge beschränken kann?

Was das mit den Browser-Werkzeugen auf sich hat, wusste ich gar nicht, danke für die Erklärung. Nur blöd, dass bei mir immer wieder diese Werkzeuge streiken und ich den Ordner löschen muss. Dazu mache ich ein separates Thema.

Endor

Leider lässt sich der nicht auf die Entwickler Werkzeuge beschränkten, da

die Hauptadresse die gleiche wie für die Kontextmenüs ist:

chrome://browser/content/browser.xhtml

Du musst also im CSS Code von mir sämtliche Einträge mit

[type="checkbox"]

entfernen.

Mfg.
Endor

Endor

Zu Browserwerkzeugen, was hast Du in about:config

bei diesem Eintrag für einen Wert:

devtools.debugger.prompt-connection

true oder false?

Wenn true mal auf false stellen und Firefox neu starten und testen.

Mfg.
Endor

Endor

grisu2099

Freut mich wenn ich Dir auch mal helfen konnte.

Wie immer gern geschehen.

Mfg.
Endor

bege

Zitat von Endor

Zu Browserwerkzeugen, was hast Du in about:config
bei diesem Eintrag für einen Wert:
devtools.debugger.prompt-connection
true oder false?
Wenn true mal auf false stellen und Firefox neu starten und testen.
Mfg.
Endor

Alles anzeigen

Wenn ich das ein paar Jahre früher gewusst hätte, hätte ich mir tausend Klicks sparen können

Ich werde es verfolgen und schauen, ob mir das auch das wiederholte Löschen des Ordners erspart.

Vielen Dank für den Hinweis.

Endor

Nur zur Erklärung, wenn dieser Eintrag auf true steht,

dann kommt vor dem Öffnen der Browserwerkzeuge die Abfrage

ob man das zulassen will. Durch setzen auf false kommt diese Abfrage nicht mehr.

Ich hätte hier ein Script,welches eine Symbolleistenschaltfläche zum

Öffnen der Browserwerkzeuge einbaut. Bei Bedarf schiebe ich das gern mal rüber.

Mfg.
Endor

milupo

Zitat von bege

Wenn ich das ein paar Jahre früher gewusst hätte, hätte ich mir tausend Klicks sparen können

Tja, da hättest du immer die Nightlies verwenden müssen, da steht die Einstellung standardmäßig auf „false“.

bege

Zitat von Endor

Nur zur Erklärung, wenn dieser Eintrag auf true steht,
dann kommt vor dem Öffnen der Browserwerkzeuge die Abfrage
ob man das zulassen will. Durch setzen auf false kommt diese Abfrage nicht mehr.
Ich hätte hier ein Script,welches eine Symbolleistenschaltfläche zum
Öffnen der Browserwerkzeuge einbaut. Bei Bedarf schiebe ich das gern mal rüber.
Mfg.
Endor

Alles anzeigen

Ja, deshalb habe ich geschrieben, dass mir der Tipp tausend Klicks erspart hätte, hätte ich es früher gewusst. Aber jetzt liegt eine klickärmere Zukunft vor mir

Und vielleicht verschlucken sich dann die Browser-Werkzeuge nicht mehr so oft - so habe ich deinen Tipp auch verstanden.

Ich habe mich inzwischen an die Fingerverrenkung mit dem Shortcut gewöhnt, aber die Schaltfläche hätte ich trotzdem gern.

aborix

Bei mir steht das immer auf false und ich muss trotzdem öfters den Ordner löschen; mir kommt auch vor, bei Fx 73 öfter als bei den vorherigen Versionen.

Zur Fingerverrenkung: Geht das überhaupt mit nur einer Hand? Ich schaffe das nicht. Ich nehme meistens den Menüeintrag.

milupo

Zitat von aborix

Bei mir steht das immer auf false und ich muss trotzdem öfters den Ordner löschen

Das ist etwas Anderes. Oben die Einstellung unterdrückt das Fenster "Eingehende Verbindung", wenn sie auf „false“ steht. Das etwas Nervige ist, dass dieses Fenster oft hinter dem Fenster der Entwicklerwerkzeuge liegt, aber erst bestätigt werden muss, bevor das Fenster der Entwicklerwerkzeuge fertig geladen werden kann. Da muss man das Fenster Entwicklerwerkzeuge jedes Mal beiseite schieben.

Endor

So hier das Script:

JavaScript

//  browsertoolbox.uc.js

(function() {

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

    try {
        CustomizableUI.createWidget({
            id: 'browser-toolbox-button',
            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: 'browser-toolbox-button',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'Browser-Werkzeuge',
                    tooltiptext: 'Browser-Werkzeuge',
                    style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAdUlEQVQokZVSwRHAIAgLPYfoXs7RCTpG53Avt7APrhaFU8gLMEEJAkEQgFbc7IxkVjt0r6Sp7VIVITumBpKt00FA2ThmjXzkfMMWO8EZFSj8LrUyjsG9b9DaJXq+qAIVxEUxtLHpaXE95dj1NcK2rmbwaGJ4Af0tIg00j/6iAAAAAElFTkSuQmCC)',
                    oncommand: '(' + onCommand.toString() + ')()'
                };
                for (var p in props)
                    toolbaritem.setAttribute(p, props[p]);
                return toolbaritem;
            }
        });
        CustomizableUI.registerToolbarNode(tb);
       } catch(e) { };  

    function onCommand() {
        var document = event.target.ownerDocument;
        if (!document.getElementById('menu_browserToolbox')) {
            let { require } = Cu.import("resource://devtools/shared/Loader.jsm", {});
            require("devtools/client/framework/devtools-browser");
        };
        document.getElementById('menu_browserToolbox').click();
    };

})();

Alles anzeigen

Mfg.
Endor

bege

Zitat von aborix

Bei mir steht das immer auf false und ich muss trotzdem öfters den Ordner löschen; mir kommt auch vor, bei Fx 73 öfter als bei den vorherigen Versionen.
Zur Fingerverrenkung: Geht das überhaupt mit nur einer Hand? Ich schaffe das nicht. Ich nehme meistens den Menüeintrag.

Ob das bei Fx73 öfter ist, weiß ich nicht, ich war die letzten Tage viel damit beschäftigt, deshalb kam es recht oft vor, aber auch bei mir ist das leider schon lange so.

Fingerverrenkung: Nee, mit einer Hand geht das nicht, das I ist zu weit weg für die linke Hand. Aber schon Alt+Strg+Shift mit einer Hand braucht Übung. Wenn ich eh mit den Händen an der Tastatur bin, geht's schnell, aber die Schaltfläche als Ergänzung ist schon besser.

milupo

Du kannst dich zur Not mit einer Hand durchhangeln: Drücke Alt+X, das Menü Extras öffnet sich. Das X ist gleich über der Alt-Taste. Dann w - Web-Entwickler öffnet sich und schließlich u - die Browser-Werkezuge öffnen sich.

bege

Zitat von Endor

So hier das Script:

JavaScript

//  browsertoolbox.uc.js

(function() {

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

    try {
        CustomizableUI.createWidget({
            id: 'browser-toolbox-button',
            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: 'browser-toolbox-button',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'Browser-Werkzeuge',
                    tooltiptext: 'Browser-Werkzeuge',
                    style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAdUlEQVQokZVSwRHAIAgLPYfoXs7RCTpG53Avt7APrhaFU8gLMEEJAkEQgFbc7IxkVjt0r6Sp7VIVITumBpKt00FA2ThmjXzkfMMWO8EZFSj8LrUyjsG9b9DaJXq+qAIVxEUxtLHpaXE95dj1NcK2rmbwaGJ4Af0tIg00j/6iAAAAAElFTkSuQmCC)',
                    oncommand: '(' + onCommand.toString() + ')()'
                };
                for (var p in props)
                    toolbaritem.setAttribute(p, props[p]);
                return toolbaritem;
            }
        });
        CustomizableUI.registerToolbarNode(tb);
       } catch(e) { };  

    function onCommand() {
        var document = event.target.ownerDocument;
        if (!document.getElementById('menu_browserToolbox')) {
            let { require } = Cu.import("resource://devtools/shared/Loader.jsm", {});
            require("devtools/client/framework/devtools-browser");
        };
        document.getElementById('menu_browserToolbox').click();
    };

})();

Alles anzeigen

Mfg.
Endor

Zitat von milupo

Du kannst dich zur Not mit einer Hand durchhangeln: Drücke Alt+X, das Menü Extras öffnet sich. Das X ist gleich über der Alt-Taste. Dann w - Web-Entwickler öffnet sich und schließlich u - die Browser-Werkezuge öffnen sich.

Danke euch beiden, leider funktioniert hier beides nicht. Das liegt daran, dass ich sowohl fast alle Menüs und auch das Web-Entwickler-Menü per Skript in das App-Menü verschoben habe, das mit AppMenu.uc.js erstellt wird. Wenn die Menüs an ihrem normalen Platz sind, funktioniert beides.

Dass deshalb das Öffnen der Menüs über die Menü-Buchstaben nicht mehr geht, kann ich noch nachvollziehen, warum aber der Button die Browser-Werkzeuge nicht mehr öffnet, nicht. Der Befehl "document.getElementById('menu_browserToolbox').click();" müsste ja trotzdem gehen, weil der Menüeintrag diese ID behalten hat. Über diese ID füge ich dem Eintrag ja auch per CSS ein Symbol hinzu.

Kann man da was mit dem Attribut "key = key_browserToolbox" was machen?

Weiß jemand Rat?

harff182

Zitat von Endor

So hier das Script

Positive Rückmeldung: bei mir funktionuckelts, meine Nav-Bar wird immer voller

Danke, Endor

Endor

harff182

Bitte gerne. Freut mich wenn Du es brauchen kannst.

Mfg.

Endor

Symbole zu Kontextmenüs mit Javascript und CSS hinzufügen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Websiten Sperrschloss deaktivieren

Firefox 70 und grünes Schloss-Symbol

Firefox Suche über Adressleiste - Größter Nachteil!