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

2002Andreas

Zitat von milupo

Diese ID steht ja auch nur für die Suchleiste.

Dann kann sich das ja jeder so eintragen, wie er es möchte.

Boersenfeger

Dann ist das für mich ja genau richtig, denn ich nutze nur die Suchleiste..

bege

Mit Fx 133.0 funktioniert der Downloads-Button in der Addon-Bar von aris nicht mehr, das Popup-Fenster wird nicht angezeigt. In der normalen Leiste des Fx und im Überhangmenü funktioniert es. Kann das jemand bestätigen?

JavaScript: addonbar.us.js

// Add-on Bar script for Firefox 126+ by Aris
//
// no 'close' button
// 'toggle' toolbar with 'Ctr + /' on Windows/Linux or 'Cmd + /' on macOS
// no 'Add-on Bar' entry in toolbar context menu
//
// option: smaller buttons / reduced toolbar button height
//
// flexible spaces on add-on bar behave like on old Firefox versions

// [!] Fix for WebExtensions with own windows by 黒仪大螃蟹 (for 1-N scripts)


var appversion = parseInt(Services.appinfo.version);

var compact_buttons = false; // reduced toolbar height and smaller buttons

var AddAddonbar = {
  init: function() {

	if (location != 'chrome://browser/content/browser.xhtml')
      return;
	  
	/* blank tab workaround */
	try {
	  if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
	} catch(e) {}
	
	try {
	  Services.prefs.getDefaultBranch('browser.addonbar.').setBoolPref('enabled',true);
	} catch(e) {}

	var addonbar_label = 'Add-on Bar';
	var compact_buttons_code = '';
	
	if(compact_buttons)
	  compact_buttons_code = `
		#addonbar toolbarbutton .toolbarbutton-icon {
		  padding: 0 !important;
		  width: 16px !important;
		  height: 16px !important;
		}
		#addonbar .toolbarbutton-badge-stack {
		  padding: 0 !important;
		  margin: 0 !important;
		  width: 16px !important;
		  min-width: 16px !important;
		  height: 16px !important;
		  min-height: 16px !important;
		}
		#addonbar toolbarbutton .toolbarbutton-badge {
		  margin-top: 0px !important;
		  font-size: 5pt !important;
		  min-width: unset !important;
		  min-height: unset !important;
		  margin-inline-start: 0px !important;
		  margin-inline-end: 0px !important;
		}
		#addonbar .toolbaritem-combined-buttons {
		  margin-inline: 0px !important;
		}
		#addonbar toolbarbutton {
		  padding: 0 !important;
		}
	  `;

	// style sheet
	Components.classes['@mozilla.org/content/style-sheet-service;1'].getService(Components.interfaces.nsIStyleSheetService).loadAndRegisterSheet(
	  Services.io.newURI('data:text/css;charset=utf-8,' + encodeURIComponent(`
		  #addonbar toolbarpaletteitem[place=toolbar][id^=wrapper-customizableui-special-spring],
		  #addonbar toolbarspring {
			-moz-box-flex: 1 !important;
			min-width: unset !important;
			width: unset !important;
			max-width: unset !important;
		  }
		  #main-window[customizing] #addonbar {
			outline: 1px dashed !important;
			outline-offset: -2px !important;
		  }
		  #addonbar {
			border-top: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important;
			background-color: var(--toolbar-bgcolor);
			background-image: var(--toolbar-bgimage);
			-moz-window-dragging: no-drag !important;
		  }
		  :root[lwtheme] #addonbar {
			background: var(--lwt-accent-color) !important;
		  }
		  :root[lwtheme][lwtheme-image='true'] #addonbar {
			background: var(--lwt-header-image) !important;
			background-position: 0vw 50vh !important;
		  }
		  /* autohide add-on bar in fullscreen mode */
		  /*#main-window[sizemode='fullscreen']:not([inDOMFullscreen='true']) #addonbar {
			visibility: visible !important;
			display: block !important;
			min-height: 1px !important;
			height: 1px !important;
			max-height: 1px !important;
		  }
		  #main-window[sizemode='fullscreen']:not([inDOMFullscreen='true']) #addonbar:hover {
			min-height: 24px !important;
			height: 24px !important;
			max-height: 24px !important;
		  }*/
		  #unified-extensions-button[hidden]{
			visibility: visible !important;
			display: flex !important;
		  }
		  `+compact_buttons_code+`
	  `), null, null),
	  Components.classes['@mozilla.org/content/style-sheet-service;1'].getService(Components.interfaces.nsIStyleSheetService).AGENT_SHEET
	);

	// toolbar
	try {
	  if(document.getElementById('addonbar') == null) {
		var tb_addonbar = document.createXULElement('toolbar');
		tb_addonbar.setAttribute('id','addonbar');
		tb_addonbar.setAttribute('collapsed', 'false');
		tb_addonbar.setAttribute('toolbarname', addonbar_label);
		tb_addonbar.setAttribute('defaultset','spring,spring'); 
		tb_addonbar.setAttribute('customizable','true');
		tb_addonbar.setAttribute('mode','icons');
		tb_addonbar.setAttribute('iconsize','small');
		tb_addonbar.setAttribute('context','toolbar-context-menu');
		tb_addonbar.setAttribute('lockiconsize','true');
		tb_addonbar.setAttribute('class','toolbar-primary chromeclass-toolbar browser-toolbar customization-target');

		document.getElementById('browser').parentNode.appendChild(tb_addonbar);
		
		CustomizableUI.registerArea('addonbar', {legacy: true});
		
		setTimeout(function(){
		  CustomizableUI.registerArea('addonbar', {legacy: true});
		},2000);
	  
		CustomizableUI.registerToolbarNode(tb_addonbar);
		
		// 'Ctr + /' on Windows/Linux or 'Cmd + /' on macOS to toggle add-on bar
		var key = document.createXULElement('key');
		key.id = 'key_toggleAddonBar';
		key.setAttribute('key', '/');
		key.setAttribute('modifiers', 'accel');
		key.setAttribute('oncommand',`
			var newAddonBar = document.getElementById('addonbar');
			setToolbarVisibility(newAddonBar, newAddonBar.collapsed);
			Services.prefs.getBranch('browser.addonbar.').setBoolPref('enabled',!newAddonBar.collapsed);
		  `);
		document.getElementById('mainKeyset').appendChild(key);
		
		
		try {
		  setToolbarVisibility(document.getElementById('addonbar'), Services.prefs.getBranch('browser.addonbar.').getBoolPref('enabled'));
		} catch(e) {}
	  
	  }
	} catch(e) {}

  }

}

/* initialization delay workaround */
document.addEventListener('DOMContentLoaded', AddAddonbar.init(), false);
/* Use the below code instead of the one above this line, if issues occur */
/*
setTimeout(function(){
  AddAddonbar.init();
},2000);
*/

Alles anzeigen

milupo

Zitat von bege

Mit Fx 133.0 funktioniert der Downloads-Button in der Addon-Bar von aris nicht mehr, das Popup-Fenster wird nicht angezeigt.

Welcher Download-Button? Bei mir ist die Leiste leer. Woher hast du die Buttons? Von Aris? Von Skripten, deren Symbol du auf die Add-on-Leiste geschoben hast?

2002Andreas

Zitat von bege

Kann das jemand bestätigen?

Ist hier auch so.

Klick auf den Button, und es passiert nichts.

lionsson

Zitat von bege

Mit Fx 133.0 funktioniert der Downloads-Button in der Addon-Bar von aris nicht mehr

Gibt's zur Verdeutlichung ein Bild?

Grüße Lionsson

Dharkness

Zitat von 2002Andreas

Ist hier auch so.
Klick auf den Button, und es passiert nichts.

Welches Download-Fenster wäre das, das in der Bibliothek, oder ein separates Fenster nur mit den Downloads?

lenny2

Zitat von bege

Mit Fx 133.0 funktioniert der Downloads-Button in der Addon-Bar von aris nicht mehr,

Ich hoffe, ich habe das Problem richtig verstanden. Ich habe die native Download-Schaltfläche von Firefox v133.0, die völlig normal funktioniert, wenn sie sich auf der Symbolleiste in der Navigationsleiste befindet.

Wenn die Schaltfläche auf die vertikale Add-on Bar von Aris-t2 gezogen wird, reagiert die Schaltfläche nicht auf einen Klick, sondern es erscheint ein Popup-Fenster, wenn der Download startet.

2002Andreas

Zitat von Dharkness

Welches Download-Fenster wäre das

Hallo Ralf.

Dieses Popup ist gemeint:

Mit dem Skript und dem Download-Button darin, erscheint das nicht.

bege

Zitat von 2002Andreas

Zitat von bege

Kann das jemand bestätigen?

Ist hier auch so.
Klick auf den Button, und es passiert nichts.

Dankeschön! Ich habe das bei Aris gemeldet.

lenny2

Die Browserversion wird in der URL-Leiste angezeigt. Besser wäre es mit einer automatischen Erkennung der Browser-Version.

Code

// version_urlbar.js

(async (attr, rem) => {
	var input = document.getElementById("urlbar-input");
	(rem = () => input.removeAttribute(attr))();
	new MutationObserver(rem).observe(input, {
		attributes: true, attributeFilter: [attr]
	});

	input.setAttribute("placeholder", "Firefox v133.0.3 (64-bit)");

})("data-l10n-id");

Alles anzeigen

BrokenHeart

Zitat von lenny2

Besser wäre es mit einer automatischen Erkennung der Browser-Version.

Code

// version_urlbar.js

(async (attr, rem) => {
	var input = document.getElementById("urlbar-input");
	(rem = () => input.removeAttribute(attr))();
	new MutationObserver(rem).observe(input, {
		attributes: true, attributeFilter: [attr]
	});

	input.setAttribute("placeholder", AppConstants.MOZ_APP_VERSION_DISPLAY);

})("data-l10n-id");

Alles anzeigen

grisu2099

Zitat von lenny2

Besser wäre es mit einer automatischen Erkennung der Browser-Version.

...wobei ich den Sinn einer Anzeige der Firefox-Version in der URL-Bar nicht sehe. Da gibt es doch nun wirklich bessere Stellen...

Sören Hentzschel

Ich verstehe vor allem die Umsetzung des Scripts nichts. Was soll der MutationObserver?

JavaScript

document.getElementById('urlbar-input').placeholder = AppConstants.MOZ_APP_VERSION_DISPLAY;

Die eine Zeile reicht doch bereits, um das placeholder-Attribut zu setzen.

lenny2

Danke, mit allen Korrekturen funktioniert das Skript. Ist es möglich, die Anzeige des Browsernamens und der Bitrate (ohne automatische Erkennung) wie auf dem Screenshot hinzuzufügen? Um sie manuell in das Skript einzugeben.

Zitat von Sören Hentzschel

Ich verstehe vor allem die Umsetzung des Scripts nichts. Was soll der MutationObserver?

Es scheint, dass der Browser ohne diese Funktion die Anzeige der URL-Leiste nach ein paar Neustarts auf die Standardwerte zurücksetzt

Sören Hentzschel

Wenn das nicht nach jedem Start funktioniert, ist das wohl eher ein Timing-Problem und damit Zufall, ob es funktioniert oder nicht. Man muss natürlich den passenden Moment abwarten, ab dem das funktioniert, falls das nicht garantiert ist. Wenn man das über einen MutationObserver löst, sollte man den aber auch wieder beenden, sobald er nicht mehr benötigt wird. Das ist hier nicht der Fall. Abgesehen davon kann ich nicht erkennen, inwiefern ein Entfernen des Attributs für das Setzen notwendig sein sollte. Es würde mehr Sinn ergeben, wenn das Setzen die Aktion des MutationObservers wäre. So glaube ich ehrlich gesagt nicht, dass der MutationObservers irgendetwas Sinnvolles tut.

lenny2

Zitat von lenny2

Besser wäre es mit einer automatischen Erkennung der Browser-Version.

document.getElementById('urlbar-input').placeholder = 'Firefox v' + AppConstants.MOZ_APP_VERSION_DISPLAY + ' (64-bit)';

.DeJaVu

Zitat von grisu2099

wobei ich den Sinn einer Anzeige der Firefox-Version in der URL-Bar nicht sehe.

+1

Es gibt genügend andere Möglichkeiten, sich das anzeigen zu lassen. Ich nutze dazu ein anderes Symbol (Icon) für die jeweilige Firefox-Installation. Aber, jedem Gusto wird in diesem Forum gerecht.