UserCSSLoader (2025)

Endor

Hallo Mira_Belle .
Verwendest Du den CSS Code für die Symbolleistenschaltfläche?
Den muss du deaktivieren dann steht CSS an der Stelle.

Mfg.
Endor

Mira_Belle

Endor Ja. Danke, habe ich deaktiviert!

Und, .....
ja, es steht CSS (Y) an der Stelle, aber leider nur, wenn let position = 0;!
Wenn ich aber das umstelle, damit es in der Menüleiste erscheinen soll, ist da nichts!
Es gibt zwar nach "Hilfe" eine Schaltfläche, aber eben ohne Symbol oder Schriftzug!

Mira_Belle

Was ich am Skript aber generell doof finde, dass der Editor im Firefox hinterlegt werden muss!

Wäre es nicht besser es gäbe da eine Variabel im Skript dafür,
so wie der Dateimanager da definiert wird?

Endor

Zitat von Mira_Belle

aber leider nur, wenn let position = 0;!

Ja das kann ich bestätigen. Ist hier auch so.
Das könnte aber schon länger nicht mehr funktioniert haben,
Da nicht verwendet auch nie getestet.

Zitat von Mira_Belle

Editor im Firefox hinterlegt

Das mit dem hinterlegten Pfad ist bei einigen Scripten so gemacht.
Mich persönlich stört das nicht. Aber da hat sicher jeder seine
eigene Vorstellung darüber.
Mfg.
Endor

Speravir

Zitat von Endor

in unserem Original konnte man auch mit
Mittelklick auf die Schaltfläche die Stile importieren. Das geht weder
bei der von mir noch bei Deiner Version.

Zitat von bege

Bei der Version RE: UserCSSLoader (2025) von Speravir (danke für die "Runderneuerung"!) habe ich die Zeile 155 entsprechend der letzten Version im Github von Endor angepasst. Damit funktioniert das Laden der Styles mit Mittelklick wieder.

Ein ärgerlicher Unaufmerksamkeitsfehler war das von mir.

bege: Ich hab deine Version nicht ausprobiert, aber mit einem Click-Event dürfte die vergebene Tastenkombi Alt+R nicht mehr funktionieren. Ich hab deshalb einen Click- und einen Command-Eventlistener eingefügt.

Zitat von Mira_Belle

Zitat von Speravir

In der Konfiguration position = 0 zu 1 ändern. Ich hatte das bei mir getestet und da hat es funktioniert.

Das hatte ich gar nicht gemeint!
Sondern =>
[…]
Das wäre das Menü "CSS", bzw. der Menüeintrag, der in der Menüleiste erzeugt werden sollte!
Wird er aber nicht und ich weiß nicht, was an dem entsprechenden Code, der diesen erzeugen soll,
kaputt ist, denn offensichtlich wird dieses Menü, bzw. der Eintrag "CSS", gar nicht erzeugt.

Wie gesagt, bei mir funktioniert das genau so.

Zitat von Endor

Verwendest Du den CSS Code für die Symbolleistenschaltfläche?
Den muss du deaktivieren dann steht CSS an der Stelle.

Nöö, ich muss den Stilcode (siehe erstes Posting) nicht deaktivieren – aber das könnte daran liegen, dass das Symbol bei mir in einer separaten Addonbar liegt und ich das im Stil berücksichtige (#addonbar #usercssloader-menu), so dass dort kein Konflikt entsteht (ich sehe gerade, dass Teile des Stil nicht mehr wirken, aber .menu-text[value="CSS"] gibt’s noch). Ich habe es selber noch nicht ausprobiert, aber man könnte vermutlich das Symbol auch dem übergeordneten Toolbaritem mit der ID #usercssloader-menu-item zuordnen. Wäre nett, wenn ihr das mal testet.

Zitat von Mira_Belle

Was ich am Skript aber generell doof finde, dass der Editor im Firefox hinterlegt werden muss!
Wäre es nicht besser es gäbe da eine Variabel im Skript dafür,
so wie der Dateimanager da definiert wird?

Such mal nach let editor = Services.prefs.getCharPref("view_source.editor.path"); und ersetze alles nach dem Gleichheitszeichen mit dem Pfad zu einem Editor (Anführungszeichen und Semikolon nicht vergessen), Wenn es funktioniert, sollte man das tatsächlich umbauen können (sollte eigentlich gehen).

Zitat von Mira_Belle

Und auch mit const XULNS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; komme ich nicht so wirklich zurecht,

Das ist übrigens einfach nur eine Konstante. Sie hätte auch Namensraum_Definition heißen können oder Just_Another_Constant_with_XUL_in_its_name_to_confuse_Mira_Belle. Die wurde an nur einer einzige Stelle verwendet, an einer zweiten, wo die Adresse ebenso vorkam, nicht. Hab ich aber alles vereinheitlicht und die Konstante entfernt.

Zitat von bege

Bei den acceltext muss jeweils das "Alt + " weg. Der Shortcut ist nur der Buchstabe ohne Alt-Taste.
Weiß jemand, warum der Shortcut (X) für das Öffnen des Chrome-Ordners auch dann angezeigt wird, wenn acceltext auskommentiert ist, bei den anderen Einträgen aber nicht?

Upps, danke für den Hinweis zur überflüssigen Alt-Taste. Das X wird angezeigt, weil es im als Label definierten Text nicht vorkommt, dasselbe jetzt, wenn Du dir den Loader als Menü anzeigen lässt (sowohl Alt+C als auch Alt+S sind schon vergeben, an der Stelle benötigt man die Alt-Taste).

Zitat von bege

Schon mit Endors Version hat seit kurzem komischer Weise das Öffnen des CSS-Ordners mit meinem alternativen Dateimanager nicht mehr funktioniert. Ich kann nicht sagen, wann das begonnen hat, mit Fx 135 ging es auf jeden Fall noch. Ich bekam die Windows-Fehlermeldung, dass das System den Pfad "...\CSS\undefined" nicht finden kann.

Das ist, denke ich, was ich oben mit „Wenn ich mich aber recht erinnere, ging schon beim letzten Mal die Sache mit den Dateimanagerparametern nicht“ meinte. Mir fällt gerade ein, dass ich vergessen habe, was zu testen. In Deiner Version macht STRG+Rechtsklick nicht mehr nicht mehr das, was es tun soll. Und wenn Du bei dir in Zeile 369 noch openFolder durch openCSSFolder ersetztest, könntest Du das gesamte openFolder-Objekt entfernen, weil es dann gar nicht mehr aufgerufen würde.

Zitat von Endor

Sobald du das OK gibst lade ich die dann bei mir hoch.

Wie erkennbar, sehe ich schon noch Verbesserungspotential. Man sollte anscheinend auch mindestens einen Hinweis zum Symbol in das Skript einfügen, oder? Wie mir beim Schreiben auffiel, sollte ich selbst noch einiges testen, ich hänge aber mal meine aktuelle Skriptversion an:

JavaScript: UserCSSÖoader_2025-08-23

// ==UserScript==
// @name           UserCSSLoader
// @description    CSS-Codes - Styles laden und verwalten
// @namespace      http://d.hatena.ne.jp/Griever/
// @author         Griever
// @include        main
// @license        MIT License
// @compatibility  Firefox 141+
// @charset        UTF-8
// @version        0.0.4r4
// @note           0.0.4r4 prevent close menu when middleclick
// @note           Aktualisierungen von BrokenHeart (mit 0.0.4r4 obsolet) und Speravir - www.camp-firefox.de
// @note           0.0.4r3 Fx92: getURLSpecFromFile() -> getURLSpecFromActualFile()
// @note           0.0.4r2 AUTHOR_SHEET-Unterstützung hinzugefügt, wichtig: Dateiendung muss .author.css sein!
// @note           Version 0.0.4.g ermöglicht "Styles importieren" per Mittelklick und Verwendung
// @note           eines anderen Dateimanagers (siehe in Konfiguration), ergänzt um einen
// @note           Parameter für den Dateimanager (vFMParameter in der Konfiguration) von aborix
// @note           Frei verschiebbare Schaltfläche eingebaut von aborix
// @note           0.0.4 Remove E4X
// @note           CSS-Entry-Klasse erstellt
// @note           Style-Test-Funktion überarbeitet
// @note           Wenn die Datei gelöscht wurde, CSS beim Neu-Erstellen und Löschen des Menüs abbrechen
// @note           uc einlesen .uc.css temporäre Korrespondenz zum erneuten Lesen
// ==/UserScript==

/* Endor in https://www.camp-firefox.de/forum/thema/112673/?postID=1277236#post1277236 */

/****** Bedienungsanleitung ******

CSS-Ordner im Chrome-Ordner erstellen, CSS-Dateien dort ablegen - speichern.
Diejenigen, deren Dateiname mit "xul-" beginnen, diejenigen, die mit ".as.css" enden, sind AGENT_SHEET, 
alle anderen außer USER_SHEET werden gelesen. Da der Inhalt der Datei nicht überprüft wird,
darauf achten, die Angabe von @namespace nicht zu vergessen!

Schaltfläche wird in Navigationsleiste eingefügt (konfigurierbar, siehe Variable "position")

Linksklick auf Stil, zum Aktivieren/Deaktivieren
Mittelklick auf Stil zum Aktivieren/Deaktivieren, ohne Menü zu schließen
Rechtsklick auf Stil zum Öffnen im Editor
Strg+Linksklick zum Anzeigen im Dateimanager

Die Tastenkombinationen können im Menü eingeblendet werden, dazu nach
"acceltext" suchen und den Zeilenkommentar "//" entfernen bzw. einfügen.

Verwenden des in "view_source.editor.path" angegebenen Editors.

Dateiordner kann in Konfiguration geändert werden.

**** Anleitung Ende ****/

(function(){

/***** Konfiguration *****/
// Position: als frei verschiebbare-Schaltfläche = 0, als Menü anzeigen = 1
let position = 0;//1
// alternativer Dateimanager, Bsp.:
// let filemanager = "C:\\Programme\\totalcmd\\TOTALCMD.EXE";
let filemanager = "";
// eventuelle Parameter für den alternativen Dateimanager, sonst filemanagerParam = "";
//let filemanagerParam = "/O /T";//Totalcommander
let filemanagerParam = "";
// Unterordner für die CSS-Dateien:
let cssFolder = "CSS";
// Menüeintrag zum Bearbeiten der userChrome.css verstecken (true) oder anzeigen (false)
let hideUserChromeCSS = false;
// Menüeintrag zum Bearbeiten der userContent.css verstecken (true) oder anzeigen (false)
let hideUserContentCSS = false;
// zusätzlich Chrome-Ordner im Untermenü anzeigen: 1 = ja, 0 = nein
let showChrome = 1;
/***** Ende Konfiguration *****/

ChromeUtils.importESModule("resource://gre/modules/AppConstants.sys.mjs");

// Wenn beim Start ein weiteres Fenster (zweites Fenster) vorhanden ist, beenden
let list = Services.wm.getEnumerator("navigator:browser");
while(list.hasMoreElements()){ if(list.getNext() != window) return; }

if (window.UCL) {
	window.UCL.destroy();
	delete window.UCL;
}

window.UCL = {
		vFileManager: filemanager,
		vFMParameter: filemanagerParam,
		USE_UC: "UC" in window,
		AGENT_SHEET : Ci.nsIStyleSheetService.AGENT_SHEET,
		USER_SHEET  : Ci.nsIStyleSheetService.USER_SHEET,
		AUTHOR_SHEET: Ci.nsIStyleSheetService.AUTHOR_SHEET,
		readCSS: {},
		get disabled_list() {
		let obj = [];
		try {
			obj = decodeURIComponent(this.prefs.getCharPref("disabled_list")).split("|");
		} catch(e) {}
		delete this.disabled_list;
		return this.disabled_list = obj;
	},
	get prefs() {
		delete this.prefs;
		return this.prefs = Services.prefs.getBranch("UserCSSLoader.");
	},
	get styleSheetServices(){
		delete this.styleSheetServices;
		return this.styleSheetServices = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
	},
	get FOLDER() {
		let aFolder;
		try {
			// UserCSSLoader.FOLDER verwenden
			let folderPath = this.prefs.getCharPref("FOLDER");
			aFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
			aFolder.initWithPath(folderPath);
		} catch (e) {
			aFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
			aFolder.appendRelativePath(cssFolder);
		}
		if (!aFolder.exists() || !aFolder.isDirectory()) {
			aFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
		}
		delete this.FOLDER;
		return this.FOLDER = aFolder;
	},
	get CHRMFOLDER() {
			let bFolder;
			try {
					// UserCSSLoader.CHRMFOLDER verwenden
					let CHRMfolderPath = this.prefs.getCharPref("CHRMFOLDER");
					bFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
					bFolder.initWithPath(CHRMfolderPath);
			} catch (e) {
					bFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
			}
			if (!bFolder.exists() || !bFolder.isDirectory()) {
					bFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
			}
			delete this.CHRMFOLDER;
			return this.CHRMFOLDER = bFolder;
	},

	getFocusedWindow: function() {
		let win = document.commandDispatcher.focusedWindow;
		if (!win || win == window) win = content;
		return win;
	},

	init: function() {
		const cssmenu = $C("menu", {
			id: "usercssloader-menu",
			label: "CSS",
			tooltiptext: "UserCSSLoader\n\nLinksklick: Stylesheets anzeigen\nMittelklick: Styles importieren",
			accesskey: "Y"
		});
		cssmenu.addEventListener("command", () => UCL.rebuild());
		cssmenu.addEventListener("click", (event) => { if (event.button === 1) UCL.rebuild(); });
		const menupopup = $C("menupopup", {
			id: "usercssloader-menupopup"
		});
		cssmenu.appendChild(menupopup);

		let menu = $C("menu", {
			label: "Style-Loader-Menü",
			id: "style-loader-menu",
			accesskey: "M",
			//acceltext: "M"
		});
		menupopup.appendChild(menu);
		menupopup.appendChild($C("menuseparator"));

		let mp = $C("menupopup", { id: "usercssloader-submenupopup" });
		menu.appendChild(mp);
		let rebuildItem = $C("menuitem", {
			label: "Styles importieren",
			accesskey: "I",
			//acceltext: "I"
		});
		rebuildItem.addEventListener("command", () => UCL.rebuild());
		mp.appendChild(rebuildItem);
		mp.appendChild($C("menuseparator"));
		let createCSS = $C("menuitem", {
			label: "CSS-Datei erstellen",
			accesskey: "E",
			//acceltext: "E"
		});
		createCSS.addEventListener("command", () => UCL.create());
		mp.appendChild(createCSS);
		let openFolder = $C("menuitem", {
			label: "CSS-Ordner öffnen",
			accesskey: "O",
			//acceltext: "O"
		});
		openFolder.addEventListener("command", () => UCL.openFolder());
		mp.appendChild(openFolder);
		if (showChrome === 1) {
				let openChromeFolder = $C("menuitem", {
					label: "Chrome-Ordner öffnen",
					accesskey: "X",
					//acceltext: "X"
				});
				openChromeFolder.addEventListener("command", () => UCL.openCHRMFolder());
				mp.appendChild(openChromeFolder);
		}
		mp.appendChild($C('menuseparator'));
		let editChromeItem = $C("menuitem", {
			label: "userChrome.css bearbeiten",
			hidden: hideUserChromeCSS,
		});
		editChromeItem.addEventListener("command", () => UCL.editUserCSS("userChrome.css"));
		mp.appendChild(editChromeItem);
		let editContentItem = $C("menuitem", {
			label: "userContent.css bearbeiten",
			hidden: hideUserContentCSS,
		});
		editContentItem.addEventListener("command", () => UCL.editUserCSS("userContent.css"));
		mp.appendChild(editContentItem);

		menu = $C("menu", {
			label: ".uc.css",
			accesskey: "U",
			//acceltext: "U",
			hidden: !UCL.USE_UC
		});
		menupopup.appendChild(menu);
		mp = $C("menupopup", { id: "usercssloader-ucmenupopup" });
		menu.appendChild(mp);
		let UCrebuild = $C("menuitem", {
			label: "Importieren(.uc.js)",
		});
		UCrebuild.addEventListener("command", () => UCL.UCrebuild());
		mp.appendChild(UCrebuild);
		mp.appendChild($C("menuseparator", { id: "usercssloader-ucseparator" }));

		CustomizableUI.createWidget({
			id: 'usercssloader-menu-item',
			type: 'custom',
			defaultArea: CustomizableUI.AREA_NAVBAR,
			onBuild: function(aDocument) {
				let toolbaritem = aDocument.createXULElement('toolbaritem');
				toolbaritem.id = 'usercssloader-menu-item';
				toolbaritem.className = 'chromeclass-toolbar-additional';
				return toolbaritem;
			}
		});
		$('usercssloader-menu-item').appendChild(cssmenu);

		if (position === 1) {
				let refNode = $('helpMenu');
				refNode.parentNode.insertBefore(cssmenu, refNode.nextSibling);
		}

		let key = $C("key", {
			id: "usercssloader-rebuild-key",
			key: "R",
			modifiers: "alt",
		});
		key.addEventListener("command", () => UCL.rebuild());
		$("mainKeyset").appendChild(key);

		this.rebuild();
		this.initialized = true;
		if (UCL.USE_UC) {
			setTimeout(function() {
				UCL.UCcreateMenuitem();
			}, 1000);
		}
		window.addEventListener("unload", this, false);
	},
	uninit: function() {
		const dis = [];
		for (let x of Object.keys(this.readCSS)) {
			if (!this.readCSS[x].enabled)
				dis.push(x);
		}
		this.prefs.setCharPref("disabled_list", encodeURIComponent(dis.join("|")));
		window.removeEventListener("unload", this, false);
	},
	destroy: function() {
		var i = document.getElementById("usercssloader-menu");
		if (i) i.parentNode.removeChild(i);
		var i = document.getElementById("usercssloader-rebuild-key");
		if (i) i.parentNode.removeChild(i);
		this.uninit();
	},
	handleEvent: function(event) {
		switch(event.type){
			case "unload": this.uninit(); break;
		}
	},
	rebuild: function() {
		let ext = /\.css$/i;
		let not = /\.uc\.css/i;
		let files = this.FOLDER.directoryEntries.QueryInterface(Ci.nsISimpleEnumerator);

		while (files.hasMoreElements()) {
			let file = files.getNext().QueryInterface(Ci.nsIFile);
			if (!ext.test(file.leafName) || not.test(file.leafName)) continue;
			let CSS = this.loadCSS(file);
			CSS.flag = true;
		}
		for (let leafName of Object.keys(this.readCSS)) {
			const CSS = this.readCSS[leafName];
			if (!CSS.flag) {
				CSS.enabled = false;
				delete this.readCSS[leafName];
			}
			delete CSS.flag;
			this.rebuildMenu(leafName);
		}
		if (this.initialized) {
			if (typeof(StatusPanel) !== "undefined")
				StatusPanel._label = "Styles importiert";
			else
				XULBrowserWindow.statusTextField.label = "Styles importiert";
		}
	},
	loadCSS: function(aFile) {
		let CSS = this.readCSS[aFile.leafName];
		if (!CSS) {
			CSS = this.readCSS[aFile.leafName] = new CSSEntry(aFile);
			if (this.disabled_list.indexOf(CSS.leafName) === -1) {
				CSS.enabled = true;
			}
		} else if (CSS.enabled) {
			CSS.enabled = true;
		}
		return CSS;
	},
	rebuildMenu: function(aLeafName) {
		let CSS = this.readCSS[aLeafName];
		let menuitem = document.getElementById("usercssloader-" + aLeafName);
		if (!CSS) {
			if (menuitem)
				menuitem.parentNode.removeChild(menuitem);
			return;
		}

		if (!menuitem) {
			menuitem = $C("menuitem", {
				label		: aLeafName,
				id			: "usercssloader-" + aLeafName,
				class		: "usercssloader-item " + (CSS.SHEET == this.AGENT_SHEET? "AGENT_SHEET" : CSS.SHEET == this.AUTHOR_SHEET? "AUTHOR_SHEET": "USER_SHEET"),
				type		: "checkbox",
				autocheck	: "false",
				tooltiptext : "Linksklick: an/aus, Menü schließt\nMittelklick: an/aus, Menü bleibt offen\nRechtsklick: bearbeiten\nStrg+Rechtsklick: im Dateimanager anzeigen"
			});
			menuitem.addEventListener("command", () => UCL.toggle(aLeafName));
			menuitem.addEventListener("click", (event) => UCL.itemClick(event));
			menuitem.addEventListener("mouseup", (event) => { if (event.button === 1) event.preventDefault(); });
			document.getElementById("usercssloader-menupopup").appendChild(menuitem);
		}
		menuitem.setAttribute("checked", CSS.enabled);
	},
	toggle: function(aLeafName) {
		let CSS = this.readCSS[aLeafName];
		if (!CSS || event.ctrlKey) return;
		CSS.enabled = !CSS.enabled;
		this.rebuildMenu(aLeafName);
	},
	itemClick: function(event) {
		let label = event.currentTarget.getAttribute("label");
		event.preventDefault();
		event.stopPropagation();
		if (event.button === 0) {
				return;
		} else if (event.button === 1) {
				this.toggle(label);
		} else if (event.button === 2) {
				if (event.ctrlKey) {
						UCL.openFolder(label);
				} else {
				closeMenus(event.target);
				this.edit(this.getFileFromLeafName(label));
				}
		}
	},
	getFileFromLeafName: function(aLeafName) {
		let f = this.FOLDER.clone();
		f.QueryInterface(Ci.nsIFile); // use appendRelativePath
		f.appendRelativePath(aLeafName);
		return f;
	},
	openFolder: function(label) {
		const PathSep = AppConstants.platform === "win" ? "\\" : "/";
		let target= this.FOLDER.path + PathSep + label;
		if (this.vFileManager.length !== 0) {
				let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
				let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
				let args = [this.vFMParameter,target];
				file.initWithPath(this.vFileManager);
				process.init(file);
				// Verzeichnis mit anderem Dateimanager öffnen
				process.run(false, args, args.length);
		} else {
				// Verzeichnis mit Dateimanager des Systems öffnen
				this.FOLDER.launch();
		}
	},
	openCHRMFolder:function(){
			if (this.vFileManager.length !== 0) {
					let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
					let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
					let args = [this.vFMParameter,this.CHRMFOLDER.path];
					file.initWithPath(this.vFileManager);
					process.init(file);
					// Verzeichnis mit anderem Dateimanager öffnen
					process.run(false, args, args.length);
			} else {
					// Verzeichnis mit Dateimanager des Systems öffnen
					this.CHRMFOLDER.launch();
			}
	},
	editUserCSS: function(aLeafName) {
		let file = Services.dirsvc.get("UChrm", Ci.nsIFile);
		file.appendRelativePath(aLeafName);
		this.edit(file);
	},
	edit: function(aFile) {
		let editor = Services.prefs.getCharPref("view_source.editor.path");
		if (!editor) return alert('Unter about:config den vorhandenen Schalter\n "view_source.editor.path" mit dem Editorpfad ergänzen');
		try {
			let UI = Cc["@mozilla.org/intl/scriptableunicodeconverter"].createInstance(Ci.nsIScriptableUnicodeConverter);
			UI.charset = window.navigator.platform.toLowerCase().indexOf("win") >= 0? "Shift_JIS": "UTF-8";
			let path = UI.ConvertFromUnicode(aFile.path);
			let app = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
			app.initWithPath(editor);
			let process = Cc["@mozilla.org/process/util;1"].createInstance(Ci.nsIProcess);
			process.init(app);
			process.run(false, [path], 1);
		} catch (e) {}
	},
	create: function(aLeafName) {
		if (!aLeafName) aLeafName = prompt("Name des Styles", dateFormat(new Date(), "%Y_%m%d_%H%M%S"));
		if (aLeafName) aLeafName = aLeafName.replace(/\s+/g, " ").replace(/[\\/:*?\"<>|]/g, "");
		if (!aLeafName || !/\S/.test(aLeafName)) return;
		if (!/\.css$/.test(aLeafName)) aLeafName += ".css";
		let file = this.getFileFromLeafName(aLeafName);
		this.edit(file);
	},
	UCrebuild: function() {
		let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
		let query = "?" + new Date().getTime();
		Array.slice(document.styleSheets).forEach(function(css){
			if (!re.test(css.href)) return;
			if (css.ownerNode) {
				css.ownerNode.parentNode.removeChild(css.ownerNode);
			}
			let pi = document.createProcessingInstruction('xml-stylesheet','type="text/css" href="'+ css.href.replace(/\?.*/, '') + query +'"');
			document.insertBefore(pi, document.documentElement);
		});
		UCL.UCcreateMenuitem();
	},
	UCcreateMenuitem: function() {
		let sep = $("usercssloader-ucseparator");
		let popup = sep.parentNode;
		if (sep.nextSibling) {
			let range = document.createRange();
			range.setStartAfter(sep);
			range.setEndAfter(popup.lastChild);
			range.deleteContents();
			range.detach();
		}

		let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
		Array.slice(document.styleSheets).forEach(function(css) {
			if (!re.test(css.href)) return;
			let fileURL = decodeURIComponent(css.href).split("?")[0];
			let aLeafName = fileURL.split("/").pop();
			let m = $C("menuitem", {
				label		: aLeafName,
				tooltiptext	: fileURL,
				id			: "usercssloader-" + aLeafName,
				type		: "checkbox",
				autocheck	: "false",
				checked		: "true",
			});
			m.css = css;
			m.addEventListener("command", function() {
				if (!event.ctrlKey) {this.setAttribute("checked", !(this.css.disabled = !this.css.disabled));}
			});
			m.addEventListener("mouseup", function(event) {
				if (event.button === 1) event.preventDefault();
			});
			m.addEventListener("click", function(event) {
				UCL.UCItemClick(event);
			});
			popup.appendChild(m);
		});
	},
	UCItemClick: function(event) {
		if (event.button === 0) return;
		event.preventDefault();
		event.stopPropagation();

		if (event.button === 1) {
			event.target.doCommand();
		}
		else if (event.button === 2) {
			closeMenus(event.target);
			let fileURL = event.currentTarget.getAttribute("tooltiptext");
			let file = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler).getFileFromURLSpec(fileURL);
			this.edit(file);
		}
	},
};

function CSSEntry(aFile) {
	this.path = aFile.path;
	this.leafName = aFile.leafName;
	this.lastModifiedTime = 1;
	this.SHEET = /^xul-|\.as\.css$/i.test(this.leafName) ?
		Ci.nsIStyleSheetService.AGENT_SHEET:
		/\.author\.css$/i.test(this.leafName)?
			Ci.nsIStyleSheetService.AUTHOR_SHEET:
			Ci.nsIStyleSheetService.USER_SHEET;
}
CSSEntry.prototype = {
	sss: Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService),
	_enabled: false,
	get enabled() {
		return this._enabled;
	},
	set enabled(isEnable) {
		let aFile = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile)
		aFile.initWithPath(this.path);

		let isExists = aFile.exists(); // true, wenn die Datei bereits existiert
		let lastModifiedTime = isExists ? aFile.lastModifiedTime : 0;
		let isForced = this.lastModifiedTime != lastModifiedTime; //true, wenn es eine Änderung in der Datei gibt

		let fileURL = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler).getURLSpecFromActualFile(aFile);
		let uri = Services.io.newURI(fileURL, null, null);

		if (this.sss.sheetRegistered(uri, this.SHEET)) {
			// Wenn diese Datei bereits gelesen wurde
			if (!isEnable || !isExists) {
				this.sss.unregisterSheet(uri, this.SHEET);
			}
			else if (isForced) {
				// Nach Stornierung erneut einlesen
				this.sss.unregisterSheet(uri, this.SHEET);
				this.sss.loadAndRegisterSheet(uri, this.SHEET);
			}
		} else {
			// Datei wurde nicht gelesen
			if (isEnable && isExists) {
				this.sss.loadAndRegisterSheet(uri, this.SHEET);
			}
		}
		if (this.lastModifiedTime !== 1 && isEnable && isForced) {
			log(this.leafName + " wurde aktualisiert");
		}
		this.lastModifiedTime = lastModifiedTime;
		return this._enabled = isEnable;
	},
};

UCL.init();

function $(id) { return document.getElementById(id); }
function $A(arr) { return Array.slice(arr); }
function $C(name, attr) {
	const el = document.createXULElement(name);
	if (attr) Object.keys(attr).forEach(function(n) { el.setAttribute(n, attr[n]) });
	return el;
}
function dateFormat(date, format) {
	format = format.replace("%Y", ("000" + date.getFullYear()).substr(-4));
	format = format.replace("%m", ("0" + (date.getMonth()+1)).substr(-2));
	format = format.replace("%d", ("0" + date.getDate()).substr(-2));
	format = format.replace("%H", ("0" + date.getHours()).substr(-2));
	format = format.replace("%M", ("0" + date.getMinutes()).substr(-2));
	format = format.replace("%S", ("0" + date.getSeconds()).substr(-2));
	return format;
}

function log(mes) { console.log(mes); }
})();

Alles anzeigen

Endor

Hallo Speravir .
Danke für Deine neue Version.
Funktioniert soweit gut. Ein Hinweis:
Tastaturkürzel zum Importieren von Stilen funktioniert nur mit Alt+R.
Bei Alt+I tut sich nichts.

Mfg.
Endor

Mira_Belle

Zitat von Speravir

Just_Another_Constant_with_XUL_in_its_name_to_confuse_Mira_Belle

Mira_Belle

Zitat von Speravir

Such mal nach let editor = Services.prefs.getCharPref("view_source.editor.path"); und ersetze alles nach dem Gleichheitszeichen mit dem Pfad zu einem Editor (Anführungszeichen und Semikolon nicht vergessen), Wenn es funktioniert, sollte man das tatsächlich umbauen können (sollte eigentlich gehen).

Funktioniert!

let editor = 'C:\\Windows\\System32\\notepad.exe'; und z.B. userChrome.css wird in Notepad geöffnet.

Zitat von Speravir

Wie gesagt, bei mir funktioniert das genau so.

"CSS" Menüeintrag in der Menüleiste, funktioniert mit Deiner neuen Version auch!!
Komisch, was ich da wohl gemacht habe?

Mira_Belle

Mal blöd gefragt.
Am welcher Stelle soll den DAS im Menü auftauchen?

JavaScript

		menu = $C("menu", {
			label: ".uc.css",
			accesskey: "U",
			//acceltext: "U",
			hidden: !UCL.USE_UC
		});
		menupopup.appendChild(menu);
		mp = $C("menupopup", { id: "usercssloader-ucmenupopup" });
		menu.appendChild(mp);
		let UCrebuild = $C("menuitem", {
			label: "Importieren(.uc.js)",
		});
		UCrebuild.addEventListener("command", () => UCL.UCrebuild());
		mp.appendChild(UCrebuild);
		mp.appendChild($C("menuseparator", { id: "usercssloader-ucseparator" }));

Alles anzeigen

Ich finde DAS nicht im Menü.

bege

Zitat von Speravir

bege : Ich hab deine Version nicht ausprobiert, aber mit einem Click-Event dürfte die vergebene Tastenkombi Alt+R nicht mehr funktionieren. Ich hab deshalb einen Click- und einen Command-Eventlistener eingefügt.

Alt+R wird andernorts als key definiert. Dafür braucht es keinen Eventlistener. Wenn ich den in deiner neuen Version auskommentiere, funktioniert es trotzdem.

Zitat von Speravir

Zitat von bege

Schon mit Endors Version hat seit kurzem komischer Weise das Öffnen des CSS-Ordners mit meinem alternativen Dateimanager nicht mehr funktioniert. Ich kann nicht sagen, wann das begonnen hat, mit Fx 135 ging es auf jeden Fall noch. Ich bekam die Windows-Fehlermeldung, dass das System den Pfad "...\CSS\undefined" nicht finden kann.

Das ist, denke ich, was ich oben mit „Wenn ich mich aber recht erinnere, ging schon beim letzten Mal die Sache mit den Dateimanagerparametern nicht“ meinte. Mir fällt gerade ein, dass ich vergessen habe, was zu testen. In Deiner Version macht STRG+Rechtsklick nicht mehr nicht mehr das, was es tun soll. Und wenn Du bei dir in Zeile 369 noch openFolder durch openCSSFolder ersetztest, könntest Du das gesamte openFolder-Objekt entfernen, weil es dann gar nicht mehr aufgerufen würde.

Doch, STRG+Rechtsklick funktioniert weiterhin, deshalb braucht es auch das openFolder-Objekt weiterhin. Mich wundert eher, warum es mit dem Windows-Explorer nicht auch eine Fehlermeldung gibt, denn die Funktion openFolder ergänzt den Pfad ja um den Dateinamen let target= this.FOLDER.path + PathSep + label;. Das wird gebraucht, um die CSS-Datei im Dateimanager anzuzeigen, aber nicht, wenn nur der CSS-Ordner geöffnet werden soll. Um die Fehlermeldung bei meinem Dateimanager zu vermeiden, habe ich bei openCSSFolder diese Ergänzung entfernt.

bege

Zitat von Speravir

Zitat von Mira_Belle

Was ich am Skript aber generell doof finde, dass der Editor im Firefox hinterlegt werden muss!
Wäre es nicht besser es gäbe da eine Variabel im Skript dafür,
so wie der Dateimanager da definiert wird?

Such mal nach let editor = Services.prefs.getCharPref("view_source.editor.path"); und ersetze alles nach dem Gleichheitszeichen mit dem Pfad zu einem Editor (Anführungszeichen und Semikolon nicht vergessen), Wenn es funktioniert, sollte man das tatsächlich umbauen können (sollte eigentlich gehen).

Bitte nicht umbauen. Ich finde das genial und nutze es seit Jahr und Tag. Das wird bei mir in zwei weiteren Skripten verwendet (extras_config_menu und AppMenu) und so muss ich das nicht in jedem Skript, wo der Editor gebraucht wird, einbauen.

Im Gegenteil, mir kommt erst jetzt der Gedanke, dass man das auch mit dem alternativen Dateimanager und dem dazugehörigen Parameter machen könnte. Der wird außer den bereits genannten noch in einem zusätzlichen Skript (ExtensionOptionsMenu) verwendet.

Zitat von Speravir

Das X wird angezeigt, weil es im als Label definierten Text nicht vorkommt,

Warum dann nicht "C" als accelkey für Schaltfläche/Menü und z.B. "M" bei "Chrome-Ordner öffnen"?

Mit den genannten Änderungen sieht das jetzt so aus:

JavaScript: UserCSSLoader2025

// ==UserScript==
// @name           UserCSSLoader
// @description    CSS-Codes - Styles laden und verwalten
// @namespace      http://d.hatena.ne.jp/Griever/
// @author         Griever
// @include        main
// @license        MIT License
// @compatibility  Firefox 141+
// @charset        UTF-8
// @version        0.0.4r4
// @note           0.0.4r4 prevent close menu when middleclick
// @note           Aktualisierungen von BrokenHeart (mit 0.0.4r4 obsolet) und Speravir - www.camp-firefox.de
// @note           0.0.4r3 Fx92: getURLSpecFromFile() -> getURLSpecFromActualFile()
// @note           0.0.4r2 AUTHOR_SHEET-Unterstützung hinzugefügt, wichtig: Dateiendung muss .author.css sein!
// @note           Version 0.0.4.g ermöglicht "Styles importieren" per Mittelklick und Verwendung
// @note           eines anderen Dateimanagers (siehe in Konfiguration), ergänzt um einen
// @note           Parameter für den Dateimanager (vFMParameter in der Konfiguration) von aborix
// @note           Frei verschiebbare Schaltfläche eingebaut von aborix
// @note           0.0.4 Remove E4X
// @note           CSS-Entry-Klasse erstellt
// @note           Style-Test-Funktion überarbeitet
// @note           Wenn die Datei gelöscht wurde, CSS beim Neu-Erstellen und Löschen des Menüs abbrechen
// @note           uc einlesen .uc.css temporäre Korrespondenz zum erneuten Lesen
// ==/UserScript==

/* Endor in https://www.camp-firefox.de/forum/thema/112673/?postID=1277236#post1277236 */

/****** Bedienungsanleitung ******

CSS-Ordner im Chrome-Ordner erstellen, CSS-Dateien dort ablegen - speichern.
Diejenigen, deren Dateiname mit "xul-" beginnen, diejenigen, die mit ".as.css" enden, sind AGENT_SHEET, 
alle anderen außer USER_SHEET werden gelesen. Da der Inhalt der Datei nicht überprüft wird,
darauf achten, die Angabe von @namespace nicht zu vergessen!

Schaltfläche wird in Navigationsleiste eingefügt (konfigurierbar, siehe Variable "position")

Linksklick auf Stil, zum Aktivieren/Deaktivieren
Mittelklick auf Stil zum Aktivieren/Deaktivieren, ohne Menü zu schließen
Rechtsklick auf Stil zum Öffnen im Editor
Strg+Linksklick zum Anzeigen im Dateimanager

Die Tastenkombinationen können im Menü eingeblendet werden, dazu nach
"acceltext" suchen und den Zeilenkommentar "//" entfernen bzw. einfügen.

Verwenden des in "view_source.editor.path" angegebenen Editors.

Dateiordner kann in Konfiguration geändert werden.

**** Anleitung Ende ****/

(function(){

/***** Konfiguration *****/
// Position: als frei verschiebbare-Schaltfläche = 0, als Menü anzeigen = 1
let position = 0;//1
// alternativer Dateimanager, Bsp.:
// let filemanager = "C:\\Programme\\totalcmd\\TOTALCMD.EXE";
let filemanager = "C:\\Program Files\\FreeCommander XE\\FreeCommander.exe";
// eventuelle Parameter für den alternativen Dateimanager, sonst filemanagerParam = "";
//let filemanagerParam = "/O /T";//Totalcommander
let filemanagerParam = "/T";
// Unterordner für die CSS-Dateien:
let cssFolder = "CSS";
// Menüeintrag zum Bearbeiten der userChrome.css verstecken (true) oder anzeigen (false)
let hideUserChromeCSS = false;
// Menüeintrag zum Bearbeiten der userContent.css verstecken (true) oder anzeigen (false)
let hideUserContentCSS = false;
// zusätzlich Chrome-Ordner im Untermenü anzeigen: 1 = ja, 0 = nein
let showChrome = 1;
/***** Ende Konfiguration *****/

ChromeUtils.importESModule("resource://gre/modules/AppConstants.sys.mjs");

// Wenn beim Start ein weiteres Fenster (zweites Fenster) vorhanden ist, beenden
let list = Services.wm.getEnumerator("navigator:browser");
while(list.hasMoreElements()){ if(list.getNext() != window) return; }

if (window.UCL) {
	window.UCL.destroy();
	delete window.UCL;
}

window.UCL = {
		vFileManager: filemanager,
		vFMParameter: filemanagerParam,
		USE_UC: "UC" in window,
		AGENT_SHEET : Ci.nsIStyleSheetService.AGENT_SHEET,
		USER_SHEET  : Ci.nsIStyleSheetService.USER_SHEET,
		AUTHOR_SHEET: Ci.nsIStyleSheetService.AUTHOR_SHEET,
		readCSS: {},
		get disabled_list() {
		let obj = [];
		try {
			obj = decodeURIComponent(this.prefs.getCharPref("disabled_list")).split("|");
		} catch(e) {}
		delete this.disabled_list;
		return this.disabled_list = obj;
	},
	get prefs() {
		delete this.prefs;
		return this.prefs = Services.prefs.getBranch("UserCSSLoader.");
	},
	get styleSheetServices(){
		delete this.styleSheetServices;
		return this.styleSheetServices = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
	},
	get FOLDER() {
		let aFolder;
		try {
			// UserCSSLoader.FOLDER verwenden
			let folderPath = this.prefs.getCharPref("FOLDER");
			aFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
			aFolder.initWithPath(folderPath);
		} catch (e) {
			aFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
			aFolder.appendRelativePath(cssFolder);
		}
		if (!aFolder.exists() || !aFolder.isDirectory()) {
			aFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
		}
		delete this.FOLDER;
		return this.FOLDER = aFolder;
	},
	get CHRMFOLDER() {
			let bFolder;
			try {
					// UserCSSLoader.CHRMFOLDER verwenden
					let CHRMfolderPath = this.prefs.getCharPref("CHRMFOLDER");
					bFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
					bFolder.initWithPath(CHRMfolderPath);
			} catch (e) {
					bFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
			}
			if (!bFolder.exists() || !bFolder.isDirectory()) {
					bFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
			}
			delete this.CHRMFOLDER;
			return this.CHRMFOLDER = bFolder;
	},

	getFocusedWindow: function() {
		let win = document.commandDispatcher.focusedWindow;
		if (!win || win == window) win = content;
		return win;
	},

	init: function() {
		const cssmenu = $C("menu", {
			id: "usercssloader-menu",
			label: "CSS",
			tooltiptext: "UserCSSLoader\n\nLinksklick: Stylesheets anzeigen\nMittelklick: Styles importieren",
			accesskey: "C"
		});
		//cssmenu.addEventListener("command", () => UCL.rebuild());
		cssmenu.addEventListener("click", (event) => { if (event.button === 1) UCL.rebuild(); });
		const menupopup = $C("menupopup", {
			id: "usercssloader-menupopup"
		});
		cssmenu.appendChild(menupopup);

		let menu = $C("menu", {
			label: "Style-Loader-Menü",
			id: "style-loader-menu",
			accesskey: "M",
			//acceltext: "M"
		});
		menupopup.appendChild(menu);
		menupopup.appendChild($C("menuseparator"));

		let mp = $C("menupopup", { id: "usercssloader-submenupopup" });
		menu.appendChild(mp);
		let rebuildItem = $C("menuitem", {
			label: "Styles importieren",
			accesskey: "I",
			//acceltext: "I"
		});
		rebuildItem.addEventListener("command", () => UCL.rebuild());
		mp.appendChild(rebuildItem);
		mp.appendChild($C("menuseparator"));
		let createCSS = $C("menuitem", {
			label: "CSS-Datei erstellen",
			accesskey: "E",
			//acceltext: "E"
		});
		createCSS.addEventListener("command", () => UCL.create());
		mp.appendChild(createCSS);
		let openFolder = $C("menuitem", {
			label: "CSS-Ordner öffnen",
			accesskey: "O",
			//acceltext: "O"
		});
		openFolder.addEventListener("command", () => UCL.openCSSFolder());
		mp.appendChild(openFolder);
		if (showChrome === 1) {
				let openChromeFolder = $C("menuitem", {
					label: "Chrome-Ordner öffnen",
					accesskey: "M",
					//acceltext: "M"
				});
				openChromeFolder.addEventListener("command", () => UCL.openCHRMFolder());
				mp.appendChild(openChromeFolder);
		}
		mp.appendChild($C('menuseparator'));
		let editChromeItem = $C("menuitem", {
			label: "userChrome.css bearbeiten",
			hidden: hideUserChromeCSS,
		});
		editChromeItem.addEventListener("command", () => UCL.editUserCSS("userChrome.css"));
		mp.appendChild(editChromeItem);
		let editContentItem = $C("menuitem", {
			label: "userContent.css bearbeiten",
			hidden: hideUserContentCSS,
		});
		editContentItem.addEventListener("command", () => UCL.editUserCSS("userContent.css"));
		mp.appendChild(editContentItem);

		menu = $C("menu", {
			label: ".uc.css",
			accesskey: "U",
			//acceltext: "U",
			hidden: !UCL.USE_UC
		});
		menupopup.appendChild(menu);
		mp = $C("menupopup", { id: "usercssloader-ucmenupopup" });
		menu.appendChild(mp);
		let UCrebuild = $C("menuitem", {
			label: "Importieren(.uc.js)",
		});
		UCrebuild.addEventListener("command", () => UCL.UCrebuild());
		mp.appendChild(UCrebuild);
		mp.appendChild($C("menuseparator", { id: "usercssloader-ucseparator" }));

		CustomizableUI.createWidget({
			id: 'usercssloader-menu-item',
			type: 'custom',
			defaultArea: CustomizableUI.AREA_NAVBAR,
			onBuild: function(aDocument) {
				let toolbaritem = aDocument.createXULElement('toolbaritem');
				toolbaritem.id = 'usercssloader-menu-item';
				toolbaritem.className = 'chromeclass-toolbar-additional';
				return toolbaritem;
			}
		});
		$('usercssloader-menu-item').appendChild(cssmenu);

		if (position === 1) {
				let refNode = $('helpMenu');
				refNode.parentNode.insertBefore(cssmenu, refNode.nextSibling);
		}

		let key = $C("key", {
			id: "usercssloader-rebuild-key",
			key: "R",
			modifiers: "alt",
		});
		key.addEventListener("command", () => UCL.rebuild());
		$("mainKeyset").appendChild(key);

		this.rebuild();
		this.initialized = true;
		if (UCL.USE_UC) {
			setTimeout(function() {
				UCL.UCcreateMenuitem();
			}, 1000);
		}
		window.addEventListener("unload", this, false);
	},
	uninit: function() {
		const dis = [];
		for (let x of Object.keys(this.readCSS)) {
			if (!this.readCSS[x].enabled)
				dis.push(x);
		}
		this.prefs.setCharPref("disabled_list", encodeURIComponent(dis.join("|")));
		window.removeEventListener("unload", this, false);
	},
	destroy: function() {
		var i = document.getElementById("usercssloader-menu");
		if (i) i.parentNode.removeChild(i);
		var i = document.getElementById("usercssloader-rebuild-key");
		if (i) i.parentNode.removeChild(i);
		this.uninit();
	},
	handleEvent: function(event) {
		switch(event.type){
			case "unload": this.uninit(); break;
		}
	},
	rebuild: function() {
		let ext = /\.css$/i;
		let not = /\.uc\.css/i;
		let files = this.FOLDER.directoryEntries.QueryInterface(Ci.nsISimpleEnumerator);

		while (files.hasMoreElements()) {
			let file = files.getNext().QueryInterface(Ci.nsIFile);
			if (!ext.test(file.leafName) || not.test(file.leafName)) continue;
			let CSS = this.loadCSS(file);
			CSS.flag = true;
		}
		for (let leafName of Object.keys(this.readCSS)) {
			const CSS = this.readCSS[leafName];
			if (!CSS.flag) {
				CSS.enabled = false;
				delete this.readCSS[leafName];
			}
			delete CSS.flag;
			this.rebuildMenu(leafName);
		}
		if (this.initialized) {
			if (typeof(StatusPanel) !== "undefined")
				StatusPanel._label = "Styles importiert";
			else
				XULBrowserWindow.statusTextField.label = "Styles importiert";
		}
	},
	loadCSS: function(aFile) {
		let CSS = this.readCSS[aFile.leafName];
		if (!CSS) {
			CSS = this.readCSS[aFile.leafName] = new CSSEntry(aFile);
			if (this.disabled_list.indexOf(CSS.leafName) === -1) {
				CSS.enabled = true;
			}
		} else if (CSS.enabled) {
			CSS.enabled = true;
		}
		return CSS;
	},
	rebuildMenu: function(aLeafName) {
		let CSS = this.readCSS[aLeafName];
		let menuitem = document.getElementById("usercssloader-" + aLeafName);
		if (!CSS) {
			if (menuitem)
				menuitem.parentNode.removeChild(menuitem);
			return;
		}

		if (!menuitem) {
			menuitem = $C("menuitem", {
				label		: aLeafName,
				id			: "usercssloader-" + aLeafName,
				class		: "usercssloader-item " + (CSS.SHEET == this.AGENT_SHEET? "AGENT_SHEET" : CSS.SHEET == this.AUTHOR_SHEET? "AUTHOR_SHEET": "USER_SHEET"),
				type		: "checkbox",
				autocheck	: "false",
				tooltiptext : "Linksklick: an/aus, Menü schließt\nMittelklick: an/aus, Menü bleibt offen\nRechtsklick: bearbeiten\nStrg+Rechtsklick: im Dateimanager anzeigen"
			});
			menuitem.addEventListener("command", () => UCL.toggle(aLeafName));
			menuitem.addEventListener("click", (event) => UCL.itemClick(event));
			menuitem.addEventListener("mouseup", (event) => { if (event.button === 1) event.preventDefault(); });
			document.getElementById("usercssloader-menupopup").appendChild(menuitem);
		}
		menuitem.setAttribute("checked", CSS.enabled);
	},
	toggle: function(aLeafName) {
		let CSS = this.readCSS[aLeafName];
		if (!CSS || event.ctrlKey) return;
		CSS.enabled = !CSS.enabled;
		this.rebuildMenu(aLeafName);
	},
	itemClick: function(event) {
		let label = event.currentTarget.getAttribute("label");
		event.preventDefault();
		event.stopPropagation();
		if (event.button === 0) {
				return;
		} else if (event.button === 1) {
				this.toggle(label);
		} else if (event.button === 2) {
				if (event.ctrlKey) {
						UCL.openFolder(label);
				} else {
				closeMenus(event.target);
				this.edit(this.getFileFromLeafName(label));
				}
		}
	},
	getFileFromLeafName: function(aLeafName) {
		let f = this.FOLDER.clone();
		f.QueryInterface(Ci.nsIFile); // use appendRelativePath
		f.appendRelativePath(aLeafName);
		return f;
	},
	openFolder: function(label) {
		const PathSep = AppConstants.platform === "win" ? "\\" : "/";
		let target= this.FOLDER.path + PathSep + label;
		if (this.vFileManager.length !== 0) {
				let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
				let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
				let args = [this.vFMParameter,target];
				file.initWithPath(this.vFileManager);
				process.init(file);
				// Verzeichnis mit anderem Dateimanager öffnen
				process.run(false, args, args.length);
		} else {
				// Verzeichnis mit Dateimanager des Systems öffnen
				this.FOLDER.launch();
		}
	},

    openCSSFolder:function(){
        let target= this.FOLDER.path;
        if (this.vFileManager.length !== 0) {
            let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
            let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
            let args = [this.vFMParameter,target];
            file.initWithPath(this.vFileManager);
            process.init(file);
            // Verzeichnis mit anderem Dateimanager öffnen
            process.run(false, args, args.length);
        } else {
            // Verzeichnis mit Dateimanager des Systems öffnen
            this.FOLDER.launch();
        }
    },
	openCHRMFolder:function(){
			if (this.vFileManager.length !== 0) {
					let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
					let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
					let args = [this.vFMParameter,this.CHRMFOLDER.path];
					file.initWithPath(this.vFileManager);
					process.init(file);
					// Verzeichnis mit anderem Dateimanager öffnen
					process.run(false, args, args.length);
			} else {
					// Verzeichnis mit Dateimanager des Systems öffnen
					this.CHRMFOLDER.launch();
			}
	},
	editUserCSS: function(aLeafName) {
		let file = Services.dirsvc.get("UChrm", Ci.nsIFile);
		file.appendRelativePath(aLeafName);
		this.edit(file);
	},
	edit: function(aFile) {
		let editor = Services.prefs.getCharPref("view_source.editor.path");
		if (!editor) return alert('Unter about:config den vorhandenen Schalter\n "view_source.editor.path" mit dem Editorpfad ergänzen');
		try {
			let UI = Cc["@mozilla.org/intl/scriptableunicodeconverter"].createInstance(Ci.nsIScriptableUnicodeConverter);
			UI.charset = window.navigator.platform.toLowerCase().indexOf("win") >= 0? "Shift_JIS": "UTF-8";
			let path = UI.ConvertFromUnicode(aFile.path);
			let app = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
			app.initWithPath(editor);
			let process = Cc["@mozilla.org/process/util;1"].createInstance(Ci.nsIProcess);
			process.init(app);
			process.run(false, [path], 1);
		} catch (e) {}
	},
	create: function(aLeafName) {
		if (!aLeafName) aLeafName = prompt("Name des Styles", dateFormat(new Date(), "%Y_%m%d_%H%M%S"));
		if (aLeafName) aLeafName = aLeafName.replace(/\s+/g, " ").replace(/[\\/:*?\"<>|]/g, "");
		if (!aLeafName || !/\S/.test(aLeafName)) return;
		if (!/\.css$/.test(aLeafName)) aLeafName += ".css";
		let file = this.getFileFromLeafName(aLeafName);
		this.edit(file);
	},
	UCrebuild: function() {
		let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
		let query = "?" + new Date().getTime();
		Array.slice(document.styleSheets).forEach(function(css){
			if (!re.test(css.href)) return;
			if (css.ownerNode) {
				css.ownerNode.parentNode.removeChild(css.ownerNode);
			}
			let pi = document.createProcessingInstruction('xml-stylesheet','type="text/css" href="'+ css.href.replace(/\?.*/, '') + query +'"');
			document.insertBefore(pi, document.documentElement);
		});
		UCL.UCcreateMenuitem();
	},
	UCcreateMenuitem: function() {
		let sep = $("usercssloader-ucseparator");
		let popup = sep.parentNode;
		if (sep.nextSibling) {
			let range = document.createRange();
			range.setStartAfter(sep);
			range.setEndAfter(popup.lastChild);
			range.deleteContents();
			range.detach();
		}

		let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
		Array.slice(document.styleSheets).forEach(function(css) {
			if (!re.test(css.href)) return;
			let fileURL = decodeURIComponent(css.href).split("?")[0];
			let aLeafName = fileURL.split("/").pop();
			let m = $C("menuitem", {
				label		: aLeafName,
				tooltiptext	: fileURL,
				id			: "usercssloader-" + aLeafName,
				type		: "checkbox",
				autocheck	: "false",
				checked		: "true",
			});
			m.css = css;
			m.addEventListener("command", function() {
				if (!event.ctrlKey) {this.setAttribute("checked", !(this.css.disabled = !this.css.disabled));}
			});
			m.addEventListener("mouseup", function(event) {
				if (event.button === 1) event.preventDefault();
			});
			m.addEventListener("click", function(event) {
				UCL.UCItemClick(event);
			});
			popup.appendChild(m);
		});
	},
	UCItemClick: function(event) {
		if (event.button === 0) return;
		event.preventDefault();
		event.stopPropagation();

		if (event.button === 1) {
			event.target.doCommand();
		}
		else if (event.button === 2) {
			closeMenus(event.target);
			let fileURL = event.currentTarget.getAttribute("tooltiptext");
			let file = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler).getFileFromURLSpec(fileURL);
			this.edit(file);
		}
	},
};

function CSSEntry(aFile) {
	this.path = aFile.path;
	this.leafName = aFile.leafName;
	this.lastModifiedTime = 1;
	this.SHEET = /^xul-|\.as\.css$/i.test(this.leafName) ?
		Ci.nsIStyleSheetService.AGENT_SHEET:
		/\.author\.css$/i.test(this.leafName)?
			Ci.nsIStyleSheetService.AUTHOR_SHEET:
			Ci.nsIStyleSheetService.USER_SHEET;
}
CSSEntry.prototype = {
	sss: Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService),
	_enabled: false,
	get enabled() {
		return this._enabled;
	},
	set enabled(isEnable) {
		let aFile = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile)
		aFile.initWithPath(this.path);

		let isExists = aFile.exists(); // true, wenn die Datei bereits existiert
		let lastModifiedTime = isExists ? aFile.lastModifiedTime : 0;
		let isForced = this.lastModifiedTime != lastModifiedTime; //true, wenn es eine Änderung in der Datei gibt

		let fileURL = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler).getURLSpecFromActualFile(aFile);
		let uri = Services.io.newURI(fileURL, null, null);

		if (this.sss.sheetRegistered(uri, this.SHEET)) {
			// Wenn diese Datei bereits gelesen wurde
			if (!isEnable || !isExists) {
				this.sss.unregisterSheet(uri, this.SHEET);
			}
			else if (isForced) {
				// Nach Stornierung erneut einlesen
				this.sss.unregisterSheet(uri, this.SHEET);
				this.sss.loadAndRegisterSheet(uri, this.SHEET);
			}
		} else {
			// Datei wurde nicht gelesen
			if (isEnable && isExists) {
				this.sss.loadAndRegisterSheet(uri, this.SHEET);
			}
		}
		if (this.lastModifiedTime !== 1 && isEnable && isForced) {
			log(this.leafName + " wurde aktualisiert");
		}
		this.lastModifiedTime = lastModifiedTime;
		return this._enabled = isEnable;
	},
};

UCL.init();

function $(id) { return document.getElementById(id); }
function $A(arr) { return Array.slice(arr); }
function $C(name, attr) {
	const el = document.createXULElement(name);
	if (attr) Object.keys(attr).forEach(function(n) { el.setAttribute(n, attr[n]) });
	return el;
}
function dateFormat(date, format) {
	format = format.replace("%Y", ("000" + date.getFullYear()).substr(-4));
	format = format.replace("%m", ("0" + (date.getMonth()+1)).substr(-2));
	format = format.replace("%d", ("0" + date.getDate()).substr(-2));
	format = format.replace("%H", ("0" + date.getHours()).substr(-2));
	format = format.replace("%M", ("0" + date.getMinutes()).substr(-2));
	format = format.replace("%S", ("0" + date.getSeconds()).substr(-2));
	return format;
}

function log(mes) { console.log(mes); }
})();

Alles anzeigen

Mira_Belle

Zitat von bege

Bitte nicht umbauen. Ich finde das genial und nutze es seit Jahr und Tag. Das wird bei mir in zwei weiteren Skripten verwendet (extras_config_menu und AppMenu) und so muss ich das nicht in jedem Skript, wo der Editor gebraucht wird, einbauen.

Ist dann wohl eine "Geschmacksfrage"! Denn ich würde es viel lieber in einem Skript definieren, als Hand an
Firefoxinterna anzulegen.
Des Weiteren nutze ich für Code VS-Code, für ander Dinge aber eben Notepad oder Notepad ++
Und jedes Mal ist das im Skript definiert!

Aber man könnte ja so etwas wie eine Weiche einbauen!
Wer Anwendungen "Global" definieren möchte, nimmt Option "var globle = 1" wer nicht halt "0"

Speravir

Zitat von Speravir

(#addonbar #usercssloader-menu), so dass dort kein Konflikt entsteht (ich sehe gerade, dass Teile des Stil nicht mehr wirken, aber .menu-text[value="CSS"] gibt’s noch). Ich habe es selber noch nicht ausprobiert, aber man könnte vermutlich das Symbol auch dem übergeordneten Toolbaritem mit der ID #usercssloader-menu-item zuordnen.

Ich hab das nun so geändert:

CSS

#usercssloader-menu-item {
    background-image: url("./images/CSS.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    & #usercssloader-menu > .menu-text[value="CSS"] { opacity: 0 !important }
}

(Das & könnte hier auch weggelassen werden, hilft mir aber zu erkennen, dass dort quasi noch etwas davor steht.)

Frei festlegbarer Texteditor:

Zitat von Mira_Belle

Funktioniert!
let editor = 'C:\\Windows\\System32\\notepad.exe'; und z.B. userChrome.css wird in Notepad geöffnet.

Zitat von bege

Bitte nicht umbauen. Ich finde das genial und nutze es seit Jahr und Tag. Das wird bei mir in zwei weiteren Skripten verwendet (extras_config_menu und AppMenu) und so muss ich das nicht in jedem Skript, wo der Editor gebraucht wird, einbauen.

Zitat von Mira_Belle

Ist dann wohl eine "Geschmacksfrage"! Denn ich würde es viel lieber in einem Skript definieren, als Hand an Firefoxinterna anzulegen.

Mir kam gestern bereits während des Schreibens eine Idee, die ich auch umgesetzt habe. Man findet jetzt Folgendes in der Konfiguration (und entsprechend angepassten Code):

JavaScript

/* eigener Texteditor mit Pfad - Standard leer, dann wird Wert aus Einstellung
  "view_source.editor.path" verwendet mit Warnmeldung, wenn auch dieser leer ist */
//let customEditor = "C:\\Windows\\System32\\notepad.exe";
let customEditor = "";

Damit sollten beide Positionen zufrieden gestellt sein.

Zitat von Mira_Belle

Mal blöd gefragt.
Am welcher Stelle soll den DAS im Menü auftauchen?

Nee, nicht blöd. Das ist ein Punkt, der mir selbst nicht klar ist. Das Menü wird angezeigt, wenn sich effektiv hidden: false ergibt – an der Stelle muss also UCL.USE_UC true sein und heißt, wenn "UC" in window true ist. Du kannst ja mal explizit auf false setzen, dann erscheint das Menü, aber das tut bei mir nichts. Dann dachte ich, ich ändere eine CSS zu .uc.css und habe in dieser Testcode eingebaut, aber er wurde nicht aktiviert.

Zitat von Endor

Tastaturkürzel zum Importieren von Stilen funktioniert nur mit Alt+R.
Bei Alt+I tut sich nichts.

Alt+R in jedem beliebigen Fenster (ist übrigens risikoreich, die Kombi könnte anderweitig benutzt werden), wenn der Loader als Symbol eingefügt wird. Aber I (ohne Alt) ist doch nur für den Untermenüpunkt festgelegt und das funktioniert auch.

Zitat von bege

Alt+R wird andernorts als key definiert. Dafür braucht es keinen Eventlistener. Wenn ich den in deiner neuen Version auskommentiere, funktioniert es trotzdem.

Oh, tatsächlich!

Zitat von bege

Warum dann nicht "C" als accelkey für Schaltfläche/Menü und z.B. "M" bei "Chrome-Ordner öffnen"?

Zweimal C fand ich nicht eindeutig (CSS/Chrome), aber zugegebenermaßen gibt’s Ordner auch zweimal. X halte ich für mnemotechnisch besser als M, das mitten in Chrome steht, zumal es direkt vorher dazu gedrückt werden muss, um das Untermenü aufzuklappen; das birgt die Gefahr des doppelten Tastendrucks. Das könnte man aber zu S ändern, war schon mal so, wenn ich mich nicht irre. Es können sich ja gern mal andere Nutzer dazu melden (für mich selber deaktiviere ich die Kurztasten).

Den Rest muss ich mir nochmal genauer zu Gemüte führen, da steht mir gerade irgendjemand auf dem Schlauch oder so ähnlich, nur eines:

Zitat von bege

Mich wundert eher, warum es mit dem Windows-Explorer nicht auch eine Fehlermeldung gibt,

Der Windows-Explorer wird ja aufgerufen, wenn kein anderer Dateimanager festgelegt wurde und das ist dann der Else-Zweig, der nur aus this.FOLDER.launch(); besteht.

JavaScript: UserCSSLoader_2025-08-25

// ==UserScript==
// @name           UserCSSLoader
// @description    CSS-Codes - Styles laden und verwalten
// @namespace      http://d.hatena.ne.jp/Griever/
// @author         Griever
// @include        main
// @license        MIT License
// @compatibility  Firefox 141+
// @charset        UTF-8
// @version        0.0.4r4
// @note           0.0.4r4 prevent close menu when middleclick
// @note           Aktualisierungen von BrokenHeart (mit 0.0.4r4 obsolet) und Speravir - www.camp-firefox.de
// @note           0.0.4r3 Fx92: getURLSpecFromFile() -> getURLSpecFromActualFile()
// @note           0.0.4r2 AUTHOR_SHEET-Unterstützung hinzugefügt, wichtig: Dateiendung muss .author.css sein!
// @note           Version 0.0.4.g ermöglicht "Styles importieren" per Mittelklick und Verwendung
// @note           eines anderen Dateimanagers (siehe in Konfiguration), ergänzt um einen
// @note           Parameter für den Dateimanager (vFMParameter in der Konfiguration) von aborix
// @note           Frei verschiebbare Schaltfläche eingebaut von aborix
// @note           0.0.4 Remove E4X
// @note           CSS-Entry-Klasse erstellt
// @note           Style-Test-Funktion überarbeitet
// @note           Wenn die Datei gelöscht wurde, CSS beim Neu-Erstellen und Löschen des Menüs abbrechen
// @note           uc einlesen .uc.css temporäre Korrespondenz zum erneuten Lesen
// ==/UserScript==
/* Endor in https://www.camp-firefox.de/forum/thema/112673/?postID=1277236#post1277236 */
/****** Bedienungsanleitung ******
CSS-Ordner im Chrome-Ordner erstellen, CSS-Dateien dort ablegen - speichern.
Diejenigen, deren Dateiname mit "xul-" beginnen, diejenigen, die mit ".as.css" enden, sind AGENT_SHEET, 
alle anderen außer USER_SHEET werden gelesen. Da der Inhalt der Datei nicht überprüft wird,
darauf achten, die Angabe von @namespace nicht zu vergessen!
Schaltfläche wird in Navigationsleiste eingefügt (konfigurierbar, siehe Variable "position").
Linksklick auf Stil, zum Aktivieren/Deaktivieren
Mittelklick auf Stil zum Aktivieren/Deaktivieren, ohne Menü zu schließen
Rechtsklick auf Stil zum Öffnen im Editor
Strg+Linksklick zum Anzeigen im Dateimanager
Die Tastenkombinationen können im Menü eingeblendet werden, dazu nach
"acceltext" suchen und den Zeilenkommentar "//" entfernen bzw. einfügen.
Verwenden des in "view_source.editor.path" angegebenen Editors.
Dateiordner, Dateimanager und Texteditor können in Konfiguration geändert werden.
Ein Symbol für die Schaltfläche muss in der "userChrome.css" festgelegt werden:
#usercssloader-menu-item {
    background-image: url("Pfad/zu/Symbol_CSS.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    & #usercssloader-menu > .menu-text[value="CSS"] { opacity: 0 !important }
}
**** Anleitung Ende ****/
(function(){
/***** Konfiguration *****/
// Position: als frei verschiebbare-Schaltfläche = 0, als Menü anzeigen = 1
let position = 0;//1
// alternativer Dateimanager, Bsp.:
//let filemanager = "C:\\Programme\\totalcmd\\TOTALCMD.EXE";
let filemanager = "";
// eventuelle Parameter für den alternativen Dateimanager, sonst filemanagerParam = "";
//let filemanagerParam = "/O /T";//Totalcommander
let filemanagerParam = "";
/* eigener Texteditor mit Pfad - Standard leer, dann wird Wert aus Einstellung
  "view_source.editor.path" verwendet mit Warnmeldung, wenn auch dieser leer ist */
//let customEditor = "C:\\Windows\\System32\\notepad.exe";
let customEditor = "";
// Unterordner für die CSS-Dateien:
let cssFolder = "CSS";
// Menüeintrag zum Bearbeiten der userChrome.css verstecken (true) oder anzeigen (false)
let hideUserChromeCSS = false;
// Menüeintrag zum Bearbeiten der userContent.css verstecken (true) oder anzeigen (false)
let hideUserContentCSS = false;
// zusätzlich Chrome-Ordner im Untermenü anzeigen: 1 = ja, 0 = nein
let showChrome = 1;
/***** Ende Konfiguration *****/
ChromeUtils.importESModule("resource://gre/modules/AppConstants.sys.mjs");
// Wenn beim Start ein weiteres Fenster (zweites Fenster) vorhanden ist, beenden
let list = Services.wm.getEnumerator("navigator:browser");
while(list.hasMoreElements()){ if(list.getNext() != window) return; }
if (window.UCL) {
    window.UCL.destroy();
    delete window.UCL;
}
window.UCL = {
        vFileManager: filemanager,
        vFMParameter: filemanagerParam,
        USE_UC: "UC" in window,
        AGENT_SHEET : Ci.nsIStyleSheetService.AGENT_SHEET,
        USER_SHEET  : Ci.nsIStyleSheetService.USER_SHEET,
        AUTHOR_SHEET: Ci.nsIStyleSheetService.AUTHOR_SHEET,
        readCSS: {},
        get disabled_list() {
        let obj = [];
        try {
            obj = decodeURIComponent(this.prefs.getCharPref("disabled_list")).split("|");
        } catch(e) {}
        delete this.disabled_list;
        return this.disabled_list = obj;
    },
    get prefs() {
        delete this.prefs;
        return this.prefs = Services.prefs.getBranch("UserCSSLoader.");
    },
    get styleSheetServices(){
        delete this.styleSheetServices;
        return this.styleSheetServices = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
    },
    get FOLDER() {
        let aFolder;
        try {
            // UserCSSLoader.FOLDER verwenden
            let folderPath = this.prefs.getCharPref("FOLDER");
            aFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
            aFolder.initWithPath(folderPath);
        } catch (e) {
            aFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
            aFolder.appendRelativePath(cssFolder);
        }
        if (!aFolder.exists() || !aFolder.isDirectory()) {
            aFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
        }
        delete this.FOLDER;
        return this.FOLDER = aFolder;
    },
    get CHRMFOLDER() {
            let bFolder;
            try {
                    // UserCSSLoader.CHRMFOLDER verwenden
                    let CHRMfolderPath = this.prefs.getCharPref("CHRMFOLDER");
                    bFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
                    bFolder.initWithPath(CHRMfolderPath);
            } catch (e) {
                    bFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
            }
            if (!bFolder.exists() || !bFolder.isDirectory()) {
                    bFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
            }
            delete this.CHRMFOLDER;
            return this.CHRMFOLDER = bFolder;
    },
    getFocusedWindow: function() {
        let win = document.commandDispatcher.focusedWindow;
        if (!win || win == window) win = content;
        return win;
    },
    init: function() {
        const cssmenu = $C("menu", {
            id: "usercssloader-menu",
            label: "CSS",
            tooltiptext: "UserCSSLoader\n\nLinksklick: Stylesheets anzeigen\nMittelklick: Styles importieren",
            accesskey: "Y"
        });
        // cssmenu.addEventListener("command", () => UCL.rebuild());
        cssmenu.addEventListener("click", (event) => { if (event.button === 1) UCL.rebuild(); });
        const menupopup = $C("menupopup", {
            id: "usercssloader-menupopup"
        });
        cssmenu.appendChild(menupopup);
        let menu = $C("menu", {
            label: "Style-Loader-Menü",
            id: "style-loader-menu",
            accesskey: "M",
            //acceltext: "M"
        });
        menupopup.appendChild(menu);
        menupopup.appendChild($C("menuseparator"));
        let mp = $C("menupopup", { id: "usercssloader-submenupopup" });
        menu.appendChild(mp);
        let rebuildItem = $C("menuitem", {
            label: "Styles importieren",
            accesskey: "I",
            //acceltext: "I"
        });
        rebuildItem.addEventListener("command", () => UCL.rebuild());
        mp.appendChild(rebuildItem);
        mp.appendChild($C("menuseparator"));
        let createCSS = $C("menuitem", {
            label: "CSS-Datei erstellen",
            accesskey: "E",
            //acceltext: "E"
        });
        createCSS.addEventListener("command", () => UCL.create());
        mp.appendChild(createCSS);
        let openFolder = $C("menuitem", {
            label: "CSS-Ordner öffnen",
            accesskey: "O",
            //acceltext: "O"
        });
        openFolder.addEventListener("command", () => UCL.openFolder());
        mp.appendChild(openFolder);
        if (showChrome === 1) {
                let openChromeFolder = $C("menuitem", {
                    label: "Chrome-Ordner öffnen",
                    accesskey: "X",
                    //acceltext: "X"
                });
                openChromeFolder.addEventListener("command", () => UCL.openCHRMFolder());
                mp.appendChild(openChromeFolder);
        }
        mp.appendChild($C('menuseparator'));
        let editChromeItem = $C("menuitem", {
            label: "userChrome.css bearbeiten",
            hidden: hideUserChromeCSS,
        });
        editChromeItem.addEventListener("command", () => UCL.editUserCSS("userChrome.css"));
        mp.appendChild(editChromeItem);
        let editContentItem = $C("menuitem", {
            label: "userContent.css bearbeiten",
            hidden: hideUserContentCSS,
        });
        editContentItem.addEventListener("command", () => UCL.editUserCSS("userContent.css"));
        mp.appendChild(editContentItem);
        menu = $C("menu", {
            label: ".uc.css",
            accesskey: "U",
            //acceltext: "U",
            hidden: !UCL.USE_UC
        });
        menupopup.appendChild(menu);
        mp = $C("menupopup", { id: "usercssloader-ucmenupopup" });
        menu.appendChild(mp);
        let UCrebuild = $C("menuitem", {
            label: "Importieren (.uc.css)",
        });
        UCrebuild.addEventListener("command", () => UCL.UCrebuild());
        mp.appendChild(UCrebuild);
        mp.appendChild($C("menuseparator", { id: "usercssloader-ucseparator" }));
        CustomizableUI.createWidget({
            id: 'usercssloader-menu-item',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {
                let toolbaritem = aDocument.createXULElement('toolbaritem');
                toolbaritem.id = 'usercssloader-menu-item';
                toolbaritem.className = 'chromeclass-toolbar-additional';
                return toolbaritem;
            }
        });
        $('usercssloader-menu-item').appendChild(cssmenu);
        if (position === 1) {
                let refNode = $('helpMenu');
                refNode.parentNode.insertBefore(cssmenu, refNode.nextSibling);
        }
        let key = $C("key", {
            id: "usercssloader-rebuild-key",
            key: "R",
            modifiers: "alt",
        });
        key.addEventListener("command", () => UCL.rebuild());
        $("mainKeyset").appendChild(key);
        this.rebuild();
        this.initialized = true;
        if (UCL.USE_UC) {
            setTimeout(function() {
                UCL.UCcreateMenuitem();
            }, 1000);
        }
        window.addEventListener("unload", this, false);
    },
    uninit: function() {
        const dis = [];
        for (let x of Object.keys(this.readCSS)) {
            if (!this.readCSS[x].enabled)
                dis.push(x);
        }
        this.prefs.setCharPref("disabled_list", encodeURIComponent(dis.join("|")));
        window.removeEventListener("unload", this, false);
    },
    destroy: function() {
        var i = document.getElementById("usercssloader-menu");
        if (i) i.parentNode.removeChild(i);
        var i = document.getElementById("usercssloader-rebuild-key");
        if (i) i.parentNode.removeChild(i);
        this.uninit();
    },
    handleEvent: function(event) {
        switch(event.type){
            case "unload": this.uninit(); break;
        }
    },
    rebuild: function() {
        let ext = /\.css$/i;
        let not = /\.uc\.css/i;
        let files = this.FOLDER.directoryEntries.QueryInterface(Ci.nsISimpleEnumerator);
        while (files.hasMoreElements()) {
            let file = files.getNext().QueryInterface(Ci.nsIFile);
            if (!ext.test(file.leafName) || not.test(file.leafName)) continue;
            let CSS = this.loadCSS(file);
            CSS.flag = true;
        }
        for (let leafName of Object.keys(this.readCSS)) {
            const CSS = this.readCSS[leafName];
            if (!CSS.flag) {
                CSS.enabled = false;
                delete this.readCSS[leafName];
            }
            delete CSS.flag;
            this.rebuildMenu(leafName);
        }
        if (this.initialized) {
            if (typeof(StatusPanel) !== "undefined")
                StatusPanel._label = "Styles importiert";
            else
                XULBrowserWindow.statusTextField.label = "Styles importiert";
        }
    },
    loadCSS: function(aFile) {
        let CSS = this.readCSS[aFile.leafName];
        if (!CSS) {
            CSS = this.readCSS[aFile.leafName] = new CSSEntry(aFile);
            if (this.disabled_list.indexOf(CSS.leafName) === -1) {
                CSS.enabled = true;
            }
        } else if (CSS.enabled) {
            CSS.enabled = true;
        }
        return CSS;
    },
    rebuildMenu: function(aLeafName) {
        let CSS = this.readCSS[aLeafName];
        let menuitem = document.getElementById("usercssloader-" + aLeafName);
        if (!CSS) {
            if (menuitem)
                menuitem.parentNode.removeChild(menuitem);
            return;
        }
        if (!menuitem) {
            menuitem = $C("menuitem", {
                label: aLeafName,
                id: "usercssloader-" + aLeafName,
                class: "usercssloader-item " + (CSS.SHEET == this.AGENT_SHEET? "AGENT_SHEET" : CSS.SHEET == this.AUTHOR_SHEET? "AUTHOR_SHEET": "USER_SHEET"),
                type: "checkbox",
                autocheck: "false",
                tooltiptext: "Linksklick: an/aus, Menü schließt\nMittelklick: an/aus, Menü bleibt offen\nRechtsklick: bearbeiten\nStrg+Rechtsklick: im Dateimanager anzeigen"
            });
            menuitem.addEventListener("command", () => UCL.toggle(aLeafName));
            menuitem.addEventListener("click", (event) => UCL.itemClick(event));
            menuitem.addEventListener("mouseup", (event) => { if (event.button === 1) event.preventDefault(); });
            document.getElementById("usercssloader-menupopup").appendChild(menuitem);
        }
        menuitem.setAttribute("checked", CSS.enabled);
    },
    toggle: function(aLeafName) {
        let CSS = this.readCSS[aLeafName];
        if (!CSS || event.ctrlKey) return;
        CSS.enabled = !CSS.enabled;
        this.rebuildMenu(aLeafName);
    },
    itemClick: function(event) {
        let label = event.currentTarget.getAttribute("label");
        event.preventDefault();
        event.stopPropagation();
        if (event.button === 0) {
                return;
        } else if (event.button === 1) {
                this.toggle(label);
        } else if (event.button === 2) {
                if (event.ctrlKey) {
                        UCL.openFolder(label);
                } else {
                closeMenus(event.target);
                this.edit(this.getFileFromLeafName(label));
                }
        }
    },
    getFileFromLeafName: function(aLeafName) {
        let f = this.FOLDER.clone();
        f.QueryInterface(Ci.nsIFile); // use appendRelativePath
        f.appendRelativePath(aLeafName);
        return f;
    },
    openFolder: function(label) {
        const PathSep = AppConstants.platform === "win" ? "\\" : "/";
        let target= this.FOLDER.path + PathSep + label;
        if (this.vFileManager.length !== 0) {
                let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
                let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
                let args = [this.vFMParameter,target];
                file.initWithPath(this.vFileManager);
                process.init(file);
                // Verzeichnis mit anderem Dateimanager öffnen
                process.run(false, args, args.length);
        } else {
                // Verzeichnis mit Dateimanager des Systems öffnen
                this.FOLDER.launch();
        }
    },
    openCHRMFolder:function(){
            if (this.vFileManager.length !== 0) {
                    let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
                    let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
                    let args = [this.vFMParameter,this.CHRMFOLDER.path];
                    file.initWithPath(this.vFileManager);
                    process.init(file);
                    // Verzeichnis mit anderem Dateimanager öffnen
                    process.run(false, args, args.length);
            } else {
                    // Verzeichnis mit Dateimanager des Systems öffnen
                    this.CHRMFOLDER.launch();
            }
    },
    editUserCSS: function(aLeafName) {
        let file = Services.dirsvc.get("UChrm", Ci.nsIFile);
        file.appendRelativePath(aLeafName);
        this.edit(file);
    },
    edit: function(aFile) {
        let editor = (customEditor !== "") ? customEditor : Services.prefs.getCharPref("view_source.editor.path");
        if (!editor) return alert('In der Konfiguration einen Texteditor festlegen ("customEditor") oder\n unter about:config im vorhandenen Schalter "view_source.editor.path"\n den vollständigen Editorpfad eintragen.');
        try {
            let UI = Cc["@mozilla.org/intl/scriptableunicodeconverter"].createInstance(Ci.nsIScriptableUnicodeConverter);
            UI.charset = window.navigator.platform.toLowerCase().indexOf("win") >= 0? "Shift_JIS": "UTF-8";
            let path = UI.ConvertFromUnicode(aFile.path);
            let app = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
            app.initWithPath(editor);
            let process = Cc["@mozilla.org/process/util;1"].createInstance(Ci.nsIProcess);
            process.init(app);
            process.run(false, [path], 1);
        } catch (e) {}
    },
    create: function(aLeafName) {
        if (!aLeafName) aLeafName = prompt("Name des Styles", dateFormat(new Date(), "%Y_%m%d_%H%M%S"));
        if (aLeafName) aLeafName = aLeafName.replace(/\s+/g, " ").replace(/[\\/:*?\"<>|]/g, "");
        if (!aLeafName || !/\S/.test(aLeafName)) return;
        if (!/\.css$/.test(aLeafName)) aLeafName += ".css";
        let file = this.getFileFromLeafName(aLeafName);
        this.edit(file);
    },
    UCrebuild: function() {
        let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
        let query = "?" + new Date().getTime();
        Array.slice(document.styleSheets).forEach(function(css){
            if (!re.test(css.href)) return;
            if (css.ownerNode) {
                css.ownerNode.parentNode.removeChild(css.ownerNode);
            }
            let pi = document.createProcessingInstruction('xml-stylesheet','type="text/css" href="'+ css.href.replace(/\?.*/, '') + query +'"');
            document.insertBefore(pi, document.documentElement);
        });
        UCL.UCcreateMenuitem();
    },
    UCcreateMenuitem: function() {
        let sep = $("usercssloader-ucseparator");
        let popup = sep.parentNode;
        if (sep.nextSibling) {
            let range = document.createRange();
            range.setStartAfter(sep);
            range.setEndAfter(popup.lastChild);
            range.deleteContents();
            range.detach();
        }
        let re = /^file:.*\.uc\.css(?:\?\d+)?$/i;
        Array.slice(document.styleSheets).forEach(function(css) {
            if (!re.test(css.href)) return;
            let fileURL = decodeURIComponent(css.href).split("?")[0];
            let aLeafName = fileURL.split("/").pop();
            let m = $C("menuitem", {
                label: aLeafName,
                tooltiptext: fileURL,
                id: "usercssloader-" + aLeafName,
                type: "checkbox",
                autocheck: "false",
                checked: "true",
            });
            m.css = css;
            m.addEventListener("command", function() {
                if (!event.ctrlKey) {this.setAttribute("checked", !(this.css.disabled = !this.css.disabled));}
            });
            m.addEventListener("mouseup", function(event) {
                if (event.button === 1) event.preventDefault();
            });
            m.addEventListener("click", function(event) {
                UCL.UCItemClick(event);
            });
            popup.appendChild(m);
        });
    },
    UCItemClick: function(event) {
        if (event.button === 0) return;
        event.preventDefault();
        event.stopPropagation();
        if (event.button === 1) {
            event.target.doCommand();
        }
        else if (event.button === 2) {
            closeMenus(event.target);
            let fileURL = event.currentTarget.getAttribute("tooltiptext");
            let file = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler).getFileFromURLSpec(fileURL);
            this.edit(file);
        }
    },
};
function CSSEntry(aFile) {
    this.path = aFile.path;
    this.leafName = aFile.leafName;
    this.lastModifiedTime = 1;
    this.SHEET = /^xul-|\.as\.css$/i.test(this.leafName) ?
        Ci.nsIStyleSheetService.AGENT_SHEET:
        /\.author\.css$/i.test(this.leafName)?
            Ci.nsIStyleSheetService.AUTHOR_SHEET:
            Ci.nsIStyleSheetService.USER_SHEET;
}
CSSEntry.prototype = {
    sss: Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService),
    _enabled: false,
    get enabled() {
        return this._enabled;
    },
    set enabled(isEnable) {
        let aFile = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile)
        aFile.initWithPath(this.path);
        let isExists = aFile.exists(); // true, wenn die Datei bereits existiert
        let lastModifiedTime = isExists ? aFile.lastModifiedTime : 0;
        let isForced = this.lastModifiedTime != lastModifiedTime; //true, wenn es eine Änderung in der Datei gibt
        let fileURL = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler).getURLSpecFromActualFile(aFile);
        let uri = Services.io.newURI(fileURL, null, null);
        if (this.sss.sheetRegistered(uri, this.SHEET)) {
            // Wenn diese Datei bereits gelesen wurde
            if (!isEnable || !isExists) {
                this.sss.unregisterSheet(uri, this.SHEET);
            }
            else if (isForced) {
                // Nach Stornierung erneut einlesen
                this.sss.unregisterSheet(uri, this.SHEET);
                this.sss.loadAndRegisterSheet(uri, this.SHEET);
            }
        } else {
            // Datei wurde nicht gelesen
            if (isEnable && isExists) {
                this.sss.loadAndRegisterSheet(uri, this.SHEET);
            }
        }
        if (this.lastModifiedTime !== 1 && isEnable && isForced) {
            log(this.leafName + " wurde aktualisiert");
        }
        this.lastModifiedTime = lastModifiedTime;
        return this._enabled = isEnable;
    },
};
UCL.init();
function $(id) { return document.getElementById(id); }
function $A(arr) { return Array.slice(arr); }
function $C(name, attr) {
    const el = document.createXULElement(name);
    if (attr) Object.keys(attr).forEach(function(n) { el.setAttribute(n, attr[n]) });
    return el;
}
function dateFormat(date, format) {
    format = format.replace("%Y", ("000" + date.getFullYear()).substr(-4));
    format = format.replace("%m", ("0" + (date.getMonth()+1)).substr(-2));
    format = format.replace("%d", ("0" + date.getDate()).substr(-2));
    format = format.replace("%H", ("0" + date.getHours()).substr(-2));
    format = format.replace("%M", ("0" + date.getMinutes()).substr(-2));
    format = format.replace("%S", ("0" + date.getSeconds()).substr(-2));
    return format;
}
function log(mes) { console.log(mes); }
})();

Alles anzeigen

Mira_Belle

Zitat von Speravir

Ich hab das nun so geändert:

Um Himmelswillen, am frühen Morgen schon so viel Denken!

Der Code ist für die UserCSSLoader.css um dem Menü eine Grafik zu verpassen!
Bis ich das geschnallt habe.

Zitat von Speravir

Damit sollten beide Positionen zufrieden gestellt sein.

Super.

Zitat von Speravir

Du kannst ja mal explizit auf false setzen, dann erscheint das Menü, aber das tut bei mir nichts.

Kann man den "überflüssigen" Code dann nicht entfernen?
Denn ich habe es nachgestellt, und es tut sich auch bei mir nichts!

seipe

Welchen Wert muss ich in der CSS Datei für User Styles Button aus #28 ändern, damit er mittig in der Leiste angezeigt wird. Momentan ist er noch oben "gerutscht". Danke schon mal.

lenny2

Zitat von seipe

Welchen Wert muss ich in der CSS Datei für User Styles Button aus #28 ändern, damit er mittig in der Leiste angezeigt wird. Momentan ist er noch oben "gerutscht".

Fügen Sie nach der 13. Zeile die folgende Zeile in den CSS-Code ein margin-top: 8px !important;

bege

Zitat von Speravir

Zweimal C fand ich nicht eindeutig (CSS/Chrome), aber zugegebenermaßen gibt’s Ordner auch zweimal. X halte ich für mnemotechnisch besser als M, das mitten in Chrome steht, zumal es direkt vorher dazu gedrückt werden muss, um das Untermenü aufzuklappen; das birgt die Gefahr des doppelten Tastendrucks. Das könnte man aber zu S ändern, war schon mal so, wenn ich mich nicht irre. Es können sich ja gern mal andere Nutzer dazu melden

Ich meinte C für die Schaltfläche bzw. das Menü in der Menüleiste. Also "CSS" statt "CSS (Y)".

Für das Untermenü sehe ich ein, dass M ungünstig ist, weil es im Menü davor schon verwendet wird. Ich finde aber das (X) nicht gut, weil bei den anderen Menüeinträgen die Taste im Text vorkommt. Deshalb habe ich mich für den Chrome-Ordner für H entschieden. Im Menüpunkt "CSS-Datei erstellen" ist das E auch im Text von "Datei", also "CSS-Datei erstellen". Ich verstehe, dass es eigentlich für "erstellen" gedacht war, aber es wird halt das erste Auftreten des Buchstabens genommen. Sicherlich auch Geschmackssache, ob man nun die Taste lieber als "Chrome-Ordner öffnen (X)" sieht oder als "Chrome-Ordner öffnen".

Zitat von Speravir

Zitat von bege

Mich wundert eher, warum es mit dem Windows-Explorer nicht auch eine Fehlermeldung gibt,

Der Windows-Explorer wird ja aufgerufen, wenn kein anderer Dateimanager festgelegt wurde und das ist dann der Else-Zweig, der nur aus this.FOLDER.launch(); besteht.

Ich habe mich immer gewundert, warum bei mir im alternativen Dateimanager mit STRG+Rechtsklick die jeweilige CSS-Datei angezeigt wird, aber im Windows-Explorer nur das Verzeichnis wie bei dem entsprechenden Untermenüpunkt. Für den Windows-Explorer gibt es keinen Unterschied zwischen STRG+Rechtsklick auf die Datei und "CSS-Ordner-öffnen". Bekommt ihr, die den Totalcommander nutzen, denn keine Fehlermeldung mit STRG+Rechtsklick?

Für mich sieht es so aus, dass das von mir eingefügte "openCSSFolder" unbedingt nötig ist für alternative Dateimanager. Jetzt die Frage an dich Speravir : Kann man "openFolder" so ergänzen, dass auch im Windows-Explorer die Datei und nicht nur der Ordner angezeigt werden? Dafür reichen meine Bastelkenntnisse nicht.

Speravir

Mir ist heute nicht nach Grübeln, deshalb kurz:

Zitat von Mira_Belle

Der Code ist für die UserCSSLoader.css um dem Menü eine Grafik zu verpassen!

Ja, aber nur, wenn er als Schaltfläche eingefügt ist.

Zitat von seipe

Welchen Wert muss ich in der CSS Datei für User Styles Button aus #28 ändern, damit er mittig in der Leiste angezeigt wird.

Teste mal meinen viel kürzeren Stil aus #53.

Zitat von Mira_Belle

Kann man den "überflüssigen" Code dann nicht entfernen?
Denn ich habe es nachgestellt, und es tut sich auch bei mir nichts!

Ich denke, das werde ich tun. Und danke für die Bestätigung.

Zitat von bege

Ich meinte C für die Schaltfläche bzw. das Menü in der Menüleiste. Also "CSS" statt "CSS (Y)".

Alt+C ist in einem deutschsprachigen Firefox schon für die Chronik vergeben und Alt+S geht auch nicht, was mir erst kürzlich auffiel (oder erst seit jüngeren Versionen so ist).

seipe

Zitat von lenny2

Zitat von seipe

Welchen Wert muss ich in der CSS Datei für User Styles Button aus #28 ändern, damit er mittig in der Leiste angezeigt wird. Momentan ist er noch oben "gerutscht".

Fügen Sie nach der 13. Zeile die folgende Zeile in den CSS-Code ein margin-top: 8px !important;

Danke, dass war es.

Mira_Belle

Zitat von Speravir

Ja, aber nur, wenn er als Schaltfläche eingefügt ist.

Danke für die zusätzliche Info.