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

Zitat von bege

Zitat von Endor

Habe da in der Beschreibung aber nichts zum Ausrufezeichen-Badges finden können.
Wird hier auch mal angezeigt, dann wieder nicht usw.

Ich habe mal nachgefragt, bisher noch keine endgültige Antwort.

https://github.com/garywill/aboutconfig-menu/issues/3

Die übersetzte Antwort des Entwicklers:

Zitat

Derzeit wird update_badge() nur dann aufgerufen, wenn wir auf das Symbol klicken oder die Voreinstellung über unser Menü ändern. Der Status des Badges entspricht also nicht immer dem tatsächlichen Wert der prefs.

Das muss verbessert werden (in Zukunft, nicht sicher, wann ... 🤦‍♂️).

Hallo,

das Script "Neustart" für das Hamburger Menü funktioniert seit 139.4 nicht mehr (es passiert gar nichts, wenn man drauf klickt).

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

/* App (Hamburger) Menu */
var menuitem = document.createXULElement('toolbarbutton');
menuitem.id = 'restartfirefox-appMenu';
menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
menuitem.setAttribute('label' , 'Neustart');
menuitem.setAttribute('tooltiptext' , 'Neustart');
menuitem.setAttribute('style', '')
menuitem.style.listStyleImage= '',
menuitem.setAttribute('onclick', 'if (event.button == 0) { \
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
                              }; \
                              if (event.button == 1 || event.button == 2) { \
                                  Services.appinfo.invalidateCachesOnRestart(); \
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
                              };');
var refItem = document.getElementById('appMenu-viewCache').content.getElementById('appMenu-quit-button2');
refItem.parentNode.insertBefore(menuitem, refItem);
})();

Weiß jemand, wie es angepasst werden muss?

Vielen Dank im Voraus

Zitat von genetic

Weiß jemand, wie es angepasst werden muss?

Probiere das mal bitte.

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

var menuitem = document.createXULElement('toolbarbutton');
menuitem.id = 'uc_menu_Restart_H';
menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
menuitem.setAttribute('label' , 'Neustart');
menuitem.setAttribute('tooltiptext' , 'Neustart');
menuitem.style.listStyleImage= 'url(file:///C:/FoxIcons/restart2.png)';
							  
menuitem.addEventListener('click', event => {
						if (event.button == 1) { 
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); 
                              }
                              if (event.button == 0 || event.button == 2) { 
                                  Services.appinfo.invalidateCachesOnRestart(); 
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
                              }							  
					});
var refItem = document.getElementById('appMenu-viewCache').content.getElementById('appMenu-quit-button2');
refItem.parentNode.insertBefore(menuitem, refItem);
})();

Zitat von FuchsFan

Probiere das mal bitte.

Es funktioniert - danke.

Allerdings gibt es es kleines, kosmetisches Problem...welcher Teil in dem Script ist denn für die Textposition zuständig?

Zitat von genetic

welcher Teil in dem Script ist denn für die Textposition zuständig

Keiner. Du musst noch eine CSS-Datei für das Hamburger-Menü haben oder einen Eintrag in der userChrome.css, wenn der Eintrag vorher richtig positioniert war.

Als Ansatz für eventuell vorhandene CSS-Anpassungen: FuchsFan hat in seiner Script-Version die ID gegenüber dem ursprünglichen Script geändert. Es wäre möglich, dass die ID für das Styling verwendet wird.

Zitat von genetic

Allerdings gibt es es kleines, kosmetisches Problem...welcher Teil in dem Script ist denn für die Textposition zuständig?

Du könntest das in der userChrome.css verwenden, margin dann anpassen.

/* Text auf Position gebracht */
	#uc_menu_Restart_H.subviewbutton.subviewbutton-iconic label.toolbarbutton-text{
	margin-left: 0px !important;
    }	

OK, vielleicht ist es entscheidend: Es ist eine port. Version des FF.

In der userChrome.ss habe ich folg. Eintrag:

/********Neustart im Dropdownmenü einrücken*******/
#restartfirefox-appMenu > label {
margin-left: -24px !important;
}

Eine Änderung (-24px) egal in welche Richtung bringt leider nichts.

Zitat von Sören Hentzschel

FuchsFan hat in seiner Script-Version die ID gegenüber dem ursprünglichen Script geändert. Es wäre möglich, dass die ID für das Styling verwendet wird.

Auch die Anpassung

menuitem.setAttribute('style', '')
menuitem.style.listStyleImage= '',

ändert nichts.

Zitat von genetic

In der userChrome.ss habe ich folg. Eintrag: […] Eine Änderung (-24px) egal in welche Richtung bringt leider nichts.

Logisch. Genau aus dem Grund, den ich genannt habe und du sogar zitiert hast, kann das nicht funktionieren. Du musst entweder die von FuchsFan geänderte ID im Script wieder auf deine ID oder die ID in deinem CSS ändern.

Zitat von genetic

Auch die Anpassung

CSS

menuitem.setAttribute('style', '')
menuitem.style.listStyleImage= '',

ändert nichts.

Ich verstehe nicht, inwiefern das den Abstand verändern sollte.

Zitat von FuchsFan

Du könntest das in der userChrome.css verwenden, margin dann anpassen.

Okay, so funktioniert's:

userChrome.css

/********Neustart im Dropdownmenü einrücken*******/
#uc_menu_Restart_H.subviewbutton.subviewbutton-iconic label.toolbarbutton-text{
margin-left: -24px !important;
}

Neustart.uc.js

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

var menuitem = document.createXULElement('toolbarbutton');
menuitem.id = 'uc_menu_Restart_H';
menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
menuitem.setAttribute('label' , 'Neustart');
menuitem.setAttribute('tooltiptext' , 'Neustart');
menuitem.setAttribute('style', '')
menuitem.style.listStyleImage= '';
							  
menuitem.addEventListener('click', event => {
						if (event.button == 1) { 
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); 
                              }
                              if (event.button == 0 || event.button == 2) { 
                                  Services.appinfo.invalidateCachesOnRestart(); 
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
                              }							  
					});
var refItem = document.getElementById('appMenu-viewCache').content.getElementById('appMenu-quit-button2');
refItem.parentNode.insertBefore(menuitem, refItem);
})();

Zitat von genetic

Okay, so funktioniert's:

Zitat von genetic

Okay, so funktioniert's:

Zitat von Sören Hentzschel

Ich verstehe nicht, inwiefern das den Abstand verändern sollte.

Ich auch nicht. War einfach nur Trial & Error.

Der Verweis auf die Url zum FavIcon (auf C:) bringt mir aber bei einem port. FF nichts, insofern kann die auf jeden Fall raus.

Zitat von genetic

Der Verweis auf die Url zum FavIcon (auf C:) bringt mir aber bei einem port. FF nichts, insofern kann die auf jeden Fall raus.

Aber ja doch, denn du verwendest keine Icon, ich schon, und deshalb ist die Url dort angegeben.

Wenn die Option „Title Bar“ im Browser aktiviert ist, wird die Button des Skripts AppMenu.uc.js nicht mehr angezeigt, der Plaseholder der Button ist klickbar, das Skript funktioniert.

Sie können die Anzeige der Button wiederherstellen, wenn Sie das im Skript eingebaute CSS durch das folgende ersetzen

/* appbutton */
#AppMenuButton {
    background-image: url("chrome://branding/content/icon32.png"); !important;
    background-repeat: no-repeat;
    background-size: 30px;
   background-position: 8px 2px !important;    /* move icon hor.; move icon ver. */
   margin-top: 4px !important;
   margin-bottom: 4px !important;
}

Zitat von 2002Andreas

Zitat von milupo

Da sollte mal -moz-box-ordinal-group ausgetauscht werden

Hallo milupo, das habe ich mal gemacht

JavaScript

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

		let navbox = document.getElementById('navigator-toolbox');
		let menubar = document.getElementById('toolbar-menubar');
		let tabsbar = document.getElementById('TabsToolbar');
		let navbar = document.getElementById('nav-bar');
		let perbar = document.getElementById('PersonalToolbar');

		//	Überwachen Änderungen an Symbolleistenattributen/toolbar
		let observer = new MutationObserver(function (mutations) {
			mutations.forEach(function (mutation) {
				toolbarFlag(mutation);
			});
		});
		let config = {
			attributes: true,
			attributeOldValue: true,
			attributeFilter: ['customizing', 'autohide', 'collapsed', 'barAuto']
		};
		observer.observe(menubar, config);
		observer.observe(tabsbar, config);
		observer.observe(navbar, config);
		observer.observe(perbar, config);

		//	Überwachen Größe der Tableiste/tabsbar
		let resizeObserver = new ResizeObserver(function (entries) {
			entries.forEach(function (entry) {
				toolbarFlag(entry);
			});
		});
		resizeObserver.observe(tabsbar);
		/**/

		//	Tab-Leiste und Navigationsleiste können ebenfalls ausgeblendet werden
		tabsbar.setAttribute('toolbarname', tabsbar.getAttribute('aria-label'));
		navbar.setAttribute('toolbarname', navbar.getAttribute('aria-label'));
		toolbar-menubar.setAttribute('toolbarname', "Menüleiste");
		/*
		//	Die Lesezeichenleiste wird standardmäßig automatisch geöffnet und geschlossen
				menubar.removeAttribute('barAuto');
				tabsbar.removeAttribute('barAuto');
				navbar.removeAttribute('barAuto');
				perbar.setAttribute('barAuto', 'true');
		*/
		//	Speichern, ob in Firefox automatisch geöffnet/geschlossen werden soll
		menubar.setAttribute('persist', 'barAuto');
		tabsbar.setAttribute('persist', 'barAuto');
		navbar.setAttribute('persist', 'barAuto');
		perbar.setAttribute('persist', 'barAuto');
		//	Die Tab-Leiste weist viele Probleme auf, daher sollte sie sich beim Start nicht automatisch öffnen und schließen.
		tabsbar.removeAttribute('barAuto');

		//	Fügen Navigationsfeld ein leeres Element hinzu, um alles zu löschen. Doppelklicken Sie zum Wiederherstellen.
		let box = MozXULElement.parseXULToFragment(`
<vbox id="nav-box-escape" context="toolbar-context-menu" tooltiptext="Doppelklicken Sie, um die Symbolleiste anzuzeigen"/>
		`);
		navbox.appendChild(box);
		/*
		//	Symbolleisten-Kontextmenü zum Kontextmenükopf hinzugefügt
				document.getElementById('context-navigation').setAttribute('context', 'toolbar-context-menu');
		*/
		//	Element zum Symbolleistenmenü hinzufügen
		let menu = MozXULElement.parseXULToFragment(`
<menu id="toolbarauto-menu" label="Automatisch ausblenden">
	<menupopup id="toolbarauto-popup" onpopupshowing="autoHideToolbarsPopupShowing(event);"/>
</menu>
<menuseparator/>
		`);
		document.getElementById('menu_customizeToolbars').before(menu);

		//	Zum Rechtsklickmenü in der Navigation hinzufügen
		let contextmenu = MozXULElement.parseXULToFragment(`
<menu id="toolbarauto-contextmenu" label="Automatisch ausblenden">
	<menupopup id="toolbarauto-contextpopup"
		onpopupshowing="autoHideToolbarsPopupShowing(event);"/>
</menu>
<menuseparator/>
		`);
		document.getElementById('viewToolbarsMenuSeparator').after(contextmenu);

		let uccss = `
#toggle_TabsToolbar > label:before {
    content: "Browser-Tabs" !important;  
}
#toggle_nav-bar > label:before {
    content: "Navigation" !important;  
}
#navigator-toolbox #titlebar {
	order:0;
}
#navigator-toolbox #toolbar-menubar {
	order:1;
}
#navigator-toolbox #TabsToolbar {
	order:2;

#navigator-toolbox #nav-bar {
	order:3;
}
#navigator-toolbox #PersonalToolbar {
	order:4;
}
#navigator-toolbox[barsAuto]:not([custommode]) {
	z-index							: 100 !important;
	position				: relative !important;
}
#navigator-toolbox[barsAuto]:not(:-moz-lwtheme, [custommode]) {
	background-color		: var(--toolbar-bgcolor) !important;
	background-image		: var(--toolbar-bgimage) !important;
}
#navigator-toolbox[barsAuto]:-moz-lwtheme:not([custommode]) {
	background-color		: var(--lwt-accent-color) !important;
	background-image		: var(--lwt-header-image, var(--lwt-additional-images)) !important;
}
#navigator-toolbox:not([inFullscreen], [custommode]) #nav-box-escape[notShown] {
	order: 10;
	transition					: all 0.3s ease 0s;
	height							: 5px;
	cursor							: alias;
}
#navigator-toolbox:not([inFullscreen], [custommode]) #nav-box-escape:not([notShown]) {
	display							: none;
}
#navigator-toolbox:not([inFullscreen], [custommode]) #nav-box-escape[allAuto] {
	margin-block-end		: -5px;
}
#navigator-toolbox:not([inFullscreen], [custommode]):hover #nav-box-escape[allAuto] {
	height							: 0;
	margin-block-end		: 0;
}
#navigator-toolbox[barsAuto]:not([inFullscreen], [custommode]) {
	margin-block-end		: 0;
	transition					: all 0.3s ease 0s !important;
}
#navigator-toolbox[barsAuto]:not([inFullscreen], [custommode]):hover {
	margin-block-end		: calc(var(--barshide-height) * -1px);
}
#navigator-toolbox:not([inFullscreen], [custommode]) > #titlebar[barsAuto] {
	margin-block-start	: calc(var(--ttlhide-height) * -1px) !important;
	transition					: all 0.3s ease 0s !important;
}
#navigator-toolbox:not([inFullscreen], [custommode]):hover > #titlebar[barsAuto] {
	margin-block-start	: 0 !important;
}
#navigator-toolbox:not([inFullscreen], [custommode]) > #titlebar[barsAuto] #toolbar-menubar:not([barAuto]),
#navigator-toolbox:not([inFullscreen], [custommode]) > #titlebar[barsAuto] #TabsToolbar:not([barAuto]) {
	order	: 2;
}
#navigator-toolbox:not([inFullscreen], [custommode]) #toolbar-menubar[barAuto],
#navigator-toolbox:not([inFullscreen], [custommode]) #TabsToolbar[barAuto] {
	order	: 1;
	transition					: all 0.3s ease 0s !important;
	opacity							: 0 !important;
}
#navigator-toolbox:not([inFullscreen], [custommode]):hover #toolbar-menubar[barAuto],
#navigator-toolbox:not([inFullscreen], [custommode]):hover > #titlebar[barsAuto] #TabsToolbar:not([barAuto]) {
	order	: 1;
}
#navigator-toolbox:not([inFullscreen], [custommode]):hover > #titlebar[barsAuto] #toolbar-menubar:not([barAuto]),
#navigator-toolbox:not([inFullscreen], [custommode]):hover #TabsToolbar[barAuto] {
	order	: 2;
}
#navigator-toolbox:not([inFullscreen], [custommode]) #nav-bar[barAuto],
#navigator-toolbox:not([inFullscreen], [custommode]) #PersonalToolbar[barAuto] {
	margin-block-start	: calc(var(--barhide-height) * -1px) !important;
	transition					: all 0.3s ease 0s !important;
	opacity							: 0 !important;
}

#navigator-toolbox:not([inFullscreen], [custommode]):hover #toolbar-menubar[barAuto],
#navigator-toolbox:not([inFullscreen], [custommode]):hover #TabsToolbar[barAuto],
#navigator-toolbox:not([inFullscreen], [custommode]):hover #nav-bar[barAuto],
#navigator-toolbox:not([inFullscreen], [custommode]):hover #PersonalToolbar[barAuto] {
	margin-block-start	: 0 !important;
	opacity							: 1 !important;
}
		`;
		let ucuri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(uccss));
		let ucsss = Cc['@mozilla.org/content/style-sheet-service;1']
			.getService(Ci.nsIStyleSheetService);
		ucsss.loadAndRegisterSheet(ucuri, ucsss.AGENT_SHEET);

	} catch (e) { };
})();

//	beim Start eingestellt
window.addEventListener('MozAfterPaint', toolbarsset, { once: true });

//	Anzeige von #TabsToolbar und Navigationsleiste mit ESC-Taste erzwingen
document.addEventListener('keydown', function (event) {
	if (event.keyCode == 27) navescape();
});
//	Doppelklicken Sie auf die Leiste, wenn alles gelöscht ist, um sie wiederherzustellen
document.getElementById('nav-box-escape').addEventListener('dblclick', navescape);

function navescape() {
	document.getElementById('nav-bar').setAttribute('collapsed', 'false');
	document.getElementById('nav-bar').removeAttribute('barAuto');
	document.getElementById('TabsToolbar').setAttribute('collapsed', 'false');
	document.getElementById('TabsToolbar').removeAttribute('barAuto');
}

//	Änderung des Attributwerts der Symbolleiste (anpassen, ausblenden)
function toolbarFlag(aEvent) {
	let barelm = aEvent.target;
	let attribute = aEvent.attributeName;
	//	Deaktivieren Sie die Anzeige der Tab-Leiste beim Hinzufügen von Tabs
	if ((barelm.id == 'TabsToolbar')
		&& (attribute == 'collapsed')
		&& !(barelm.hasAttribute('collapsed'))) {
		barelm.setAttribute('collapsed', aEvent.oldValue);
	}
	toolbarsset();
}

function toolbarsset() {
	let boxelm = document.getElementById('navigator-toolbox');
	let ttlbar = document.getElementById('titlebar');
	let escbox = document.getElementById('nav-box-escape');
	let barelm, hidingAttr, barheight, hasShown;
	let barshide = 0, barsAuto = false, custommode = false, notShown = true;
	let ttlhide = 0, tbarsAuto = false, allAuto = false;
	let toolbarsid = ['toolbar-menubar', 'TabsToolbar', 'nav-bar', 'PersonalToolbar'];
	for (let toolbar of toolbarsid) {
		barelm = document.getElementById(toolbar);
		hidingAttr = (barelm.getAttribute('type') == 'menubar') ? 'autohide' : 'collapsed';
		if (hasShown = (barelm.getAttribute(hidingAttr) == 'true')) barelm.removeAttribute('barAuto');
		barheight = barelm.clientHeight;
		if (barelm.hasAttribute('barAuto')) {
			barsAuto = true;
			allAuto = true;
			barelm.style.setProperty("--barhide-height", barheight);
			barshide += barheight;
			if ((toolbar == 'toolbar-menubar') || (toolbar == 'TabsToolbar')) {
				tbarsAuto = true;
				ttlhide += barheight;
			}
		} else {
			if (!hasShown) notShown = false;
			barelm.style.setProperty("--barhide-height", 0);
		}
		if (barelm.hasAttribute('customizing')) custommode = true;
	}

	if (barsAuto) boxelm.setAttribute('barsAuto', 'true');
	else boxelm.removeAttribute('barsAuto');
	if (tbarsAuto) ttlbar.setAttribute('barsAuto', 'true');
	else ttlbar.removeAttribute('barsAuto');
	if (custommode) boxelm.setAttribute('custommode', 'true');
	else boxelm.removeAttribute('custommode');
	if (notShown) {
		escbox.setAttribute('notShown', 'true');
		if (allAuto) escbox.setAttribute('allAuto', 'true');
		else escbox.removeAttribute('allAuto');
	} else {
		escbox.removeAttribute('notShown');
	}

	boxelm.style.setProperty("--barshide-height", barshide);
	ttlbar.style.setProperty("--ttlhide-height", ttlhide);
}

//	Menüerstellung
function autoHideToolbarsPopupShowing(aEvent) {
	let popup = aEvent.target;
	if (popup != aEvent.currentTarget) return;

	while (popup.firstChild) popup.removeChild(popup.firstChild);	//	übersichtliches Menü

	let toolbarsid = ['toolbar-menubar', 'TabsToolbar', 'nav-bar', 'PersonalToolbar'];
	let barelm, hidingAttr;
	for (let toolbar of toolbarsid) {
		barelm = document.getElementById(toolbar);
		hidingAttr = (barelm.getAttribute('type') == 'menubar') ? 'autohide' : 'collapsed';

		let menuitem = MozXULElement.parseXULToFragment(`
<menuitem id="toolbarauto-${toolbar}" toolbarId="${toolbar}" type="checkbox"
	label="${barelm.getAttribute('toolbarname')}"
	checked="${(barelm.getAttribute('barAuto') == 'true')}"
	disabled="${(barelm.getAttribute(hidingAttr) == 'true')}"
	oncommand="autoHideToolbar(event);" />
		`);
		popup.append(menuitem);
	}
}

//	Automatische Prüfung des Öffnens/Schließens des Menüs
function autoHideToolbar(aEvent) {
	let eventelm = aEvent.target;
	let barid = eventelm.getAttribute('toolbarId');
	let barelm = document.getElementById(barid);
	if (eventelm.getAttribute('checked') == "true") {
		barelm.setAttribute('barAuto', 'true');
	} else {
		barelm.removeAttribute('barAuto');
	}
}

Alles anzeigen

Zitat von sam2008

Vielen Dank.

Gern geschehen

Besser du nimmst das oben geänderte Skript, weil es diesen Eintrag/Bezeichnung nicht mehr gibt.

Hallo Zusammen,

wenn ich diese ToolbarAutoHide.uc.js in Firefox 140.0 ESR benutze, bei "Automatisch ausblenden" kommt eine Punkt und funktioniert überhaupt nicht!

Kann bitte jemand helfen?

Vielen Dank

Mfg