Kontextmenü Website

Fox2Fox

Habe jetzt festgestellt, dass das angepasste Kontextmenü, welches sich mit Klick auf einen leeren Bereich einer Webseite öffnet, teilweise nicht mehr so wie bisher dargestellt wird.

Betrifft die Vers. 89.0a1 und 88.0b7

Bei der Vers. 87 ist es korrekt.

89.0a1 und 88.0b7

Die Auf- und Ab-Pfeile fehlen

"Untersuchen" sollte ausgeblendet werden

Korrekt mit Vers. 87

Diese CSS werden verwendet

Webseiten_Kontextmenü.css

CSS

#contentAreaContextMenu menuitem#context-selectall,
#context-forward,
#context-back,
#context-savepage,
#context-sendpagetodevice,
#context-sep-navigation,
#contentAreaContextMenu menuseparator,
menuitem[label="Hintergrundgrafik anzeigen"],
menuitem[label="Alles markieren"],
menuitem[label="Seitenquelltext anzeigen"],
menuitem[label="Seiteninformationen anzeigen"],
menuitem[label="Element untersuchen"],
menuitem[label="Öffnen mit..."],
menuitem[label="Bildschirmfoto aufnehmen"],
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#context-sep-viewsource,
#inspect-separator,
#contentAreaContextMenu > menuseparator:nth-child(91){
display:none!important}

    
#context-navigation > .menuitem-iconic {
  margin-left:5px!important;
  max-width:5px!important;
}

#uc_menu_close_tab{
    margin-left:-10px!important;
       -moz-box-ordinal-group: 0!important;
}

Alles anzeigen

Kontextmenü_Reihenfolge_Webseiten.css

CSS

#context-stop,
#context-reload{
-moz-box-ordinal-group: 0;
   }


#context-bookmarkpage{
-moz-box-ordinal-group: 1 !important;
   }

Kontextmenü_Barrierefreiheit_ausblenden.css

CSS

#context-inspect-a11y {
  display: none !important;
}

Wie muss der Code angepasst werden, damit es auch in den Vers. Vers. 89.0a1 und 88.0b7 korrekt dargestellt wird?

milupo

Ja, das Problem habe ich auch hier im Nightly. Dafür ist kein CSS-Code verantwortlich, sondern folgendes Skript:

JavaScript

//SkipToTopAndBottom.uc.js

(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'K spočatkej strony skočić');
menuitem.style.listStyleImage='url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik00NjcuNiwyNjMuNEwyNS43LDY2NS4yYy0xOS42LDE3LjktMjEuMSw0OC40LTMuMyw2OC4xYzE4LDE5LjcsNDguNCwyMS4xLDY4LjEsMy4zbDQwOS41LTM3Mi4ybDQwOS4zLDM3Mi4yYzE5LjgsMTcuOSw1MC4zLDE2LjUsNjguMi0zLjNjOC4zLTkuMiwxMi41LTIwLjgsMTIuNS0zMi40YzAtMTMuMS01LjMtMjYuMi0xNS43LTM1LjdMNTMyLjQsMjYzLjRDNTE0LDI0Ni44LDQ4NS45LDI0Ni44LDQ2Ny42LDI2My40eiIvPjwvZz48L3N2Zz4=")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Ke kóncej strony skočić');
menuitem.style.listStyleImage='url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik01MzIuNCw3MzYuNmw0NDEuOS00MDEuOGMxOS42LTE3LjgsMjEuMS00OC40LDMuMi02Ny45Yy0xNy45LTE5LjgtNDguNC0yMS4zLTY3LjktMy40TDUwMCw2MzUuOEw5MC44LDI2My40Yy0xOS44LTE3LjgtNTAuNC0xNi4zLTY4LjIsMy40Yy04LjQsOS4yLTEyLjYsMjAuOC0xMi42LDMyLjRjMCwxMyw1LjQsMjYuMiwxNS44LDM1LjZsNDQxLjksNDAxLjhDNDg2LjEsNzUzLjIsNTE0LjIsNzUzLjIsNTMyLjQsNzM2LjZ6Ii8+PC9nPjwvc3ZnPg==")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

Alles anzeigen

Das Skript heißt SkipToTopAndBottom.uc.js. Meine Version hier im Code-Kasten funktioniert noch nicht wieder und die Texte sind in Sorbisch.

2002Andreas

Dieses geänderte Script nutze ich:

JavaScript

//SkipToTopAndBottom.uc.js
(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenanfang springen');
menuitem.style.listStyleImage='url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiElEQVR42mNkoBAw4pFjAuIWIP4NxA1A/J8UA0Ca5wFxPJQ/C4gzsBnCSIRmBnyGMBKpGachjCRoxmoII4maMQyBGVAOxB1EaoaBEiDuxRaI4kD8AocmCSB+iS8QRw2AAHYgfgXEfGjin4BYDIh/EjIABNyBuAyIuaD8b0DcBcQ70RXiy41EAQBJ/SQRxtinwAAAAABJRU5ErkJggg==")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenende springen');
menuitem.style.listStyleImage='url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAhUlEQVR42mNkoBAw4hB3B+IyIOaC8r8BcRcQ7yTGAHYgfgXEfGjin4BYDIh/EjJAHIhf4HCZBBC/HDUAuwHFQNzDQBqoAOJORiSDZgBxGpGaFwJxEhD/Q/YCsYbANWMLA0KGoGjGFYi4DMHQjMsAbIZg1YzPAJhcAxCzAnENNs2EDCAKAADTlCMRQhQlFQAAAABJRU5ErkJggg==")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

Alles anzeigen

Die (alte) svg Grafik funktioniert wohl nicht mehr.

So sieht das hier mit den anderen Icons und deinen CSS Codes aus dafür aus:

milupo

Das hatten wir, glaube ich, jetzt schon einmal. Das war ebenfalls eine base64-Grafik mit MIME-Typ svg+xml.

grisu2099

Ich nutze das gleiche Skript wie milupo - allerdings mit lokal gespeicherten .png-Grafiken.

Das funktioniert reibungslos.

Scheint also tatsächlich an den base64-Grafiken zu liegen...

2002Andreas

In meinem Hauptprofil sieht das so aus:

Ich habe das Icon vom Download Button dafür mal genutzt.

chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar

Und für Pfeil nach oben dann gedreht.

FuchsFan

Zitat von milupo

Das hatten wir, glaube ich, jetzt schon einmal.

Ja, hier: RE: userChrome.js Scripte für den Fuchs (Diskussion)

grisu2099

Ich habe milupos Skript-Version gerade in meinem Nightly getestet - funktioniert...

Edit: Bevor Fragen aufkommen: Ja, die Grafiken werden angezeigt und der Tooltip ist in Sorbisch...

2002Andreas

Zitat von grisu2099

funktioniert

Hier auch

PS:

In meinem anderen Nightly hingegen nicht.

grisu2099

Fragt sich also, was bei milupo und Fox2Fox anders ist...

milupo

Ich d

Zitat von grisu2099

Scheint also tatsächlich an den base64-Grafiken zu liegen...

Ich denke eher am MIME-Typ. Mit einer PNG-base-64-Grafik sollte es funktionieren.

Ja, mit einer PNG-base64-Grafik funktioniert es auch hier.

Zitat von grisu2099

Ich habe milupos Skript-Version gerade in meinem Nightly getestet - funktioniert...

Seltsam ...

Fox2Fox

Zitat von 2002Andreas

Dieses geänderte Script nutze ich:

Habe dieses Script gefunden

JavaScript

//ScrollTopAndBottom.uc.js
(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenanfang springen');
menuitem.style.listStyleImage='url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHBvaW50cz0iMywxMi41IDEyLDMuNSAyMSwxMi41ICIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiIHgxPSIxMiIgeDI9IjEyIiB5MT0iMjIiIHkyPSIzLjUiLz48L3N2Zz4=")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenende springen');
menuitem.style.listStyleImage='url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHBvaW50cz0iMjEsMTEuNSAxMiwyMC41IDMsMTEuNSAiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIiB4MT0iMTIiIHgyPSIxMiIgeTE9IjIiIHkyPSIyMC41Ii8+PC9zdmc+")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

Alles anzeigen

Damit sieht es so aus fehlerhaft wie in #1 aus.

Wie bekomme ich denn die Grafik-Pfeile implementiert und wie bekomme ich dieses "Untersuchen" weg?

milupo

Zitat von FuchsFan

Ja, hier: RE: userChrome.js Scripte für den Fuchs (Diskussion)

Ach, das war ja sogar das gleiche Skript. FuchsFan war das also schon eher aufgefallen.

2002Andreas

Zitat von Fox2Fox

wie bekomme ich dieses "Untersuchen" weg?

Teste bitte mal:

CSS

#context-inspect {
  display: none !important;
}

milupo

Zitat von Fox2Fox

ie bekomme ich denn die Grafik-Pfeile implementiert und wie bekomme ich dieses "Untersuchen" weg?

Du hast doch schon auf den betreffenden Thread verlinkt, da ist auch die Lösung von Andreas für FuchsFan (Pfeile):

Beitrag

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

[…]

Bis jemand ein besseres Icon gefunden hat

(Quelltext, 26 Zeilen)

2002Andreas

11. März 2021 um 15:56

2002Andreas

Alternativ:

JavaScript

//SkipToTopAndBottom.uc.js
(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenanfang springen');
menuitem.style.listStyleImage='url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar")';

menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenende springen');
menuitem.style.listStyleImage='url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

Alles anzeigen

Und zusätzlich dann noch diesen CSS Code:

CSS

/* Pfeil nach oben und unten weiß bei hover */
#context-to-top {
  list-style-image: url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar");
  transform: rotate(180deg) !important;
}

#context-to-bottom:hover,
#context-to-top:hover {
  fill: white !important;
}

Fox2Fox

Zitat von 2002Andreas

Alternativ:

Diese Pfeile gefallen mir besser.

Allerdings müsste der linke Pfeil gedreht werden, sodass er nach oben zeigt.

Das bekomme ich doch alleine nicht hin.

grisu2099

Fox2Fox: Den CSS-Code von 2002Andreas hast du gesehen?

Fox2Fox

Sorry - habe den CSS Code nicht beachtet.

Jetzt sieht es gut aus.

Besten Dank an euch!

2002Andreas

Freut mich wie immer wenn ich auch helfen konnte

PS:

Der CSS Code lässt sich bestimmt auch gleich in das Script einfügen.

Wobei mir das leider nicht gelungen ist.

Kontextmenü Website

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

Ähnliche Themen

Kontextmenü Rechtsklick Anpassungen

TV5 Monde (Europe)