Versuche es einfach mal nur mit:
/* UserStyles Loader Button */
#usercssloader-menu-item {
background-image: url("../icons/CSS.webp");
background-position: center;
background-repeat: no-repeat;
background-size: 15px;
margin-top: 1px !important;
}
#usercssloader-menu-item:hover {
background-color: var(--toolbarbutton-hover-background);
}
#usercssloader-menu-item #usercssloader-menu > .menu-text[value="CSS"] {
opacity: 0;
}Versuche es einfach mal nur mit:
Dann ist der Abstand noch größer:
mit seinem Code sogar etwas schmaler:
mit dem Code aus dem Skript so:
Und so, wenn man den Wert noch kleiner macht auf 8px:
Was mir aber gar nicht gefällt, bei hover passt der Hintergrund nicht:
So sieht das bei einem anderen Icon aus:
und so mit dem eingefügten:
Das müsste sich dann jemand mal genauer anssehen.
Das müsste sich dann jemand mal genauer anssehen.
#usercssloader-menu-item {
background-image: url("file:///C:/Users/weiss/IconsFirefox/CSS.png");
background-position: center;
background-repeat: no-repeat;
background-size: 15px;
margin-top: 5px !important;
margin-bottom: 5px !important;
}die beiden unteren Werte sind neu eingefügt.
Und hier der Radius-Wert:
#usercssloader-menu-item:hover {
background-color: var(--toolbarbutton-hover-background);
border-radius: 5px !important;
}Allerdings ist da der Abstand zum linken und rechten Icon größer als bei den anderen in meiner Statuszeile. Vielleicht kann man ja noch da etwas ändern!?
Ausgehend von Deinem zuvor geposteten Stil würde ich als Erstes das hier versuchen:
#usercssloader-menu-item #usercssloader-menu > .menu-text[value="CSS"] {
opacity: 0;
width: calc(2 * var(--toolbarbutton-inner-padding) + 20px);
height: calc(2 * var(--toolbarbutton-inner-padding) + 20px);
}Dort ist jeweils der Wert von 24px zu 20px geändert.
Was mir aber gar nicht gefällt, bei hover passt der Hintergrund nicht:
[…]
CSSmargin-top: 5px !important; margin-bottom: 5px !important;die beiden unteren Werte sind neu eingefügt.
Bei der Höhe meiner Leiste ist mir das überhaupt nicht aufgefallen.
Kannst du bitte das mal austesten:
#usercssloader-menu-item {
height: var(--button-min-height);
}Und, wenn das zu groß ist, als nächstes var(--button-min-height-small)? Ich hab noch nicht herausgefunden, wo die Unterscheidung stattfindet, wann welche Variable aktiviert wird.
Und hier der Radius-Wert
Hmm, stiimmt. Ist mir auch nicht aufgefallen. Aber warum nur bei Hover? Und es gibt eine Variable dafür, also gleich mal mittesten:
#usercssloader-menu-item {
border-radius: var(--toolbarbutton-border-radius);
}Dann würde ich das alles noch in die Anleitung einfügen.
Kannst du bitte das mal austesten:
Dann ist das Icon etwas zu hoch:
Und, wenn das zu groß ist,
Noch höher:
Hier funktioniert es nur so:
und bei hover:
#usercssloader-menu-item {
background-image: url("file:///C:/Users/weiss/IconsFirefox/CSS1.png");
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
border-radius: var(--toolbarbutton-border-radius);
margin-top: 3px;
margin-bottom: 3px;
}
#usercssloader-menu-item:hover {
background-color: var(--toolbarbutton-hover-background);
}
#usercssloader-menu > .menu-text[value="CSS"] {
opacity: 0;
width: calc(2 * var(--toolbarbutton-inner-padding) + 17px);
height: calc(2 * var(--toolbarbutton-inner-padding) + 17px);
}Ich hoffe das hilft dir weiter.
Speravir Danke für die erneuten Verbesserungen.
Leider funktioniert das Skript mit diesen Konfigurationen nicht:
Meine Überarbeitung hatte ja nur den Sinn, dass "Strg+Rechtsklick" auch mit dem Explorer funktioniert. Entweder müssen meine Ergänzungen mit eingebaut werden und die Konfiguration entsprechend deutlich sein, oder der Explorer-Hinweis wird wieder rausgenommen. Dann wird in deiner Version ja "Strg+Rechtsklick" nicht mehr angeboten. Dann aber dazu eine Erklärung ins Skript, damit man sich in einem Jahr nicht wieder fragt, warum das nicht geht.
Kleinigkeiten:
Windows Explorer ist ohne Parameter
Der Chrome- und CSS-Ordner werden geöffnet.
Windows Explorer ist mit Parameter
Der Chrome- und CSS-Ordner werden geöffnet.
Leider funktioniert das Skript mit diesen Konfigurationen nicht:
Windows Explorer ist mit Parameter angegeben: Chrome- und CSS-Ordner werden nicht geöffnet, sondern nur im Elternordner ausgewählt, weil diese Abfrage aus meiner Version fehlt: if (fileManagerParam !== "/select,")
Windows Explorer ist ohne Parameter angegeben: Weder die Ordner lassen sich öffnen noch die Dateien im Explorer anzeigen. Aus der Konfigurationserklärung wird nicht deutlich, dass in deiner Version beim Explorer der Parameter angegeben werden muss.
Hmpf. Ich hatte das natürlich explizit getestet vor der letzten Veröffentlichung. Nachdem ich deinen Text gelesen habe, ging es aber bei mir auch nicht mehr – was nicht gut ist, weil das vermuten lässt, dass eine Race Condition vorhanden ist (bei Mira_Belle scheint beispielsweise alles zu funktionieren). Ich hatte die Sonderbehandlung des Windows-Explorer vermeiden wollen, habe nun aber die Bedingung eingebaut. Der Punkt „Chrome- und CSS-Ordner werden nicht geöffnet, sondern nur im Elternordner ausgewählt“ ist jedoch weiterhin gültig. Das erfordert einen einzigen weiteren Klick, damit sollte man leben können. Es kann sein, dass das schon vorher so war und mir nur nie aufgefallen ist.
Kleinigkeiten:
in den Zeilen 408 und 424 kann das Komma nach target weg, glaube ich.
Ich vermisse im Header @version und @compatibility, damit man bei zukünftigen Änderungen gleich sieht, welche Version man hat.
Kommata: Upps. So etwas Unscheinbares kann schon die Ursache für Probleme sein. Man sollte zwar denken, dass ein leerer (eigentlich: undefinierter) angehängter Parameter keine Rolle spielt, aber vielleicht wqr genau das die Ursache für die oben genannte Merkwürdigkeit.
Ich hatte den langen Header absichtlich entfernt, die Versionierung stimmte sowieso nicht richtig, ich wäre da eher für eine (ISO-)Datumsangabe. Zur Kompatibilität kann ich überhaupt nichts sagen und deshalb nichts derartiges im Skript eintragen.
Ich hoffe das hilft dir weiter.
Danke, Andreas. Ich hab die entsprechenden Eigenschaften samt Werten eingefügt und diesen Text ergänzt:
Absolute Zahlenwerte müssen eventuell etwas an die eigenen Gegebenheiten
angepasst werden (größeres Symbol, anderer Rand); der Zahlenwert für Höhe
und Breite des Menütextes ("CSS") sollte nicht größer sein als für das
Symbol (hier 16px).
Man könnte jetzt noch eine eigene angepasste Eigenschaft einführen, damit man nicht dreimal denselben Zahlenwert ändern muss, Es fragt sich nur, inwiefern man damit andere überfordert.
(Update: Korrektur und Hinweis entsprechend Vorschlag von bege in Beitrag #133.)
/* UserCSSLoader 2025-09-30
*
* original author: Griever -
* https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
*
* Enhancements and several other changes including German translation
* and configuration section by users aborix, Endor, bege, Speravir of
* Camp Firefox forum - https://www.camp-firefox.de/forum/ - latest version:
* https://www.camp-firefox.de/forum/thema/138814/?postID=1279211#post1279211
*/
/****** 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 oder Menü wird in Navigationsleiste eingefügt (einstellbar, siehe
Variable "position" in unten anschließender Konfiguration).
Dateiordner, Dateimanager und Texteditor können in der unten anschließenden
Konfiguration geändert werden. Die Verwendung des in "view_source.editor.path"
angegebenen Editors ist möglich.
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.
Ein Symbol für die Schaltfläche muss in der "userChrome.css" festgelegt werden,
Pfad zum Bild (PNG nur als Beispiel):
* relativ zur userChrome.css
background-image: url("Relativer/Pfad/zum/CSS_Symbol.png");
* eine absolute Pfadangabe zum Symbol muss mit File-Protokoll-Präfix erfolgen:
background-image: url("file:///Absoluter/Pfad/zum/CSS_Symbol.png");
Absolute Zahlenwerte müssen eventuell etwas an die eigenen Gegebenheiten
angepasst werden (größeres Symbol, anderer Rand); der Zahlenwert für Höhe
und Breite des Menütextes ("CSS") sollte nicht größer sein als für das
Symbol (hier 16px).
#usercssloader-menu-item {
background-image: url("Relativer/Pfad/zum/CSS_Symbol.png");
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
border-radius: var(--toolbarbutton-border-radius);
margin-block: 3px;
&:hover {
background-color: var(--toolbarbutton-hover-background);
}
& #usercssloader-menu > .menu-text[value="CSS"] {
opacity: 0;
width: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
}
}
**** Ende der Anleitung ****/
(function(){
/***** Konfiguration *****/
/* Position: als frei verschiebbare-Schaltfläche = 0, als Menü anzeigen = 1 */
let position = 0;//1
/* Dateimanager festlegen, Beispiele:
* let fileManager = "C:\\Programme\\FreeCommanderXE\\FreeCommander.exe";
* let fileManager = "C:\\Programme\\totalcmd\\TOTALCMD.EXE";
* auch möglich (Achtung, nur mit fileManagerParam = "/select,"!):
* let fileManager = "C:\\Windows\\explorer.exe";
* Bleibt Parameter leer, wird Standardmanager des Systems ohne Parameter
* verwendet mit leicht eingeschränkter Funktionalität. */
let fileManager = "";
/* eventuelle Parameter für den Dateimanager, Beispiele:
* let fileManagerParam = "/T";//FreeCommander oder Totalcommander
* let fileManagerParam = "/select,";//Windows Explorer, mit Komma korrekt!
*/
let fileManagerParam = "";
/* manche Manager benötigen den Parameter nach der Pfadangabe,
dann "fileManagerParamPost" auf true setzen */
let fileManagerParamPost = false;
/* eigener Texteditor mit Pfad - Standard leer, dann wird Wert aus
* Einstellung "view_source.editor.path" verwendet mit Warnmeldung,
* wenn auch dieser leer ist, Beispiel:
* 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 anzeigen (true)
oder verstecken (false) */
let showUserChromeCSS = true;
/* Menüeintrag zum Bearbeiten der userContent.css anzeigen (true)
oder verstecken (false) */
let showUserContentCSS = true;
/* zusätzlich Chrome-Ordner im Untermenü anzeigen (true)
oder verstecken (false) */
let showChrome = true;
/***** Ende der Konfiguration *****/
// 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;
}
let menutooltip = "Linksklick: an/aus, Menü schließt\nMittelklick: an/aus, Menü bleibt offen\nRechtsklick: bearbeiten";
if (fileManager !== "") {
menutooltip = menutooltip + "\nStrg+Rechtsklick: im Dateimanager anzeigen";
}
window.UCL = {
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 cFolder;
try {
// UserCSSLoader.CHRMFOLDER verwenden
let CHRMfolderPath = this.prefs.getCharPref("CHRMFOLDER");
cFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
cFolder.initWithPath(CHRMfolderPath);
} catch (e) {
cFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
}
if (!cFolder.exists() || !cFolder.isDirectory()) {
cFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
}
delete this.CHRMFOLDER;
return this.CHRMFOLDER = cFolder;
},
init: function() {
const cssmenu = $C("menu", {
id: "usercssloader-menu",
label: "CSS",
tooltiptext: "UserCSSLoader\n\nLinksklick: Stylesheets anzeigen\nMittelklick: Styles importieren",
accesskey: "Y"
});
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: "S",
//acceltext: "S"
});
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: "D",
//acceltext: "D"
});
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) {
let openChromeFolder = $C("menuitem", {
label: "Chrome-Ordner öffnen",
accesskey: "X",
//acceltext: "X"
});
openChromeFolder.addEventListener("command", () => UCL.openCHRMFolder());
mp.appendChild(openChromeFolder);
}
if (showUserChromeCSS || showUserContentCSS)// wenigstens eine der beiden Variablen muss …
mp.appendChild($C('menuseparator'));// … true sein, damit Trennlinie angezeigt wird
if (showUserChromeCSS) {
let editChromeItem = $C("menuitem", {
label: "userChrome.css bearbeiten"
});
editChromeItem.addEventListener("command", () => UCL.editUserCSS("userChrome.css"));
mp.appendChild(editChromeItem);
}
if (showUserContentCSS) {
let editContentItem = $C("menuitem", {
label: "userContent.css bearbeiten"
});
editContentItem.addEventListener("command", () => UCL.editUserCSS("userContent.css"));
mp.appendChild(editContentItem);
}
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);
}
// Stile neu laden, ohne Menü zu öffnen
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;
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: menutooltip
});
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 && fileManager !== "") {
UCL.showFile(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;
},
showFile: function(fname) {
const PathSep = AppConstants.platform === "win" ? "\\" : "/";
let target= this.FOLDER.path + PathSep + fname;
let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
[target,fileManagerParam];
file.initWithPath(fileManager);
process.init(file);
// Verzeichnis mit anderem Dateimanager öffnen
process.run(false, args, args.length);
},
openCSSFolder:function(){
if (fileManager !== "" && fileManagerParam !== "/select,") {
let target = this.FOLDER.path;
let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
[target,fileManagerParam];
file.initWithPath(fileManager);
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 (fileManager !== "" && fileManagerParam !== "/select,") {
let target = this.CHRMFOLDER.path;
let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
[target,fileManagerParam];
file.initWithPath(fileManager);
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); }
})();Neues Skript!
Windows Explorer ist ohne Parameter
Der Chrome- und CSS-Ordner werden im Explorer geöffnet.
Windows Explorer ist mit Parameter let fileManagerParam = "/select,";
Und auch hier, der Chrome- und CSS-Ordner werden im Explorer geöffnet.
Es spielt also keine Rolle, ob ich einen Parameter angebe oder nicht.
Was die Einschränkungen sein sollen, mir ist nichts aufgefallen.
Der Explorer verhält sich gleich.
Was die Einschränkungen sein sollen, mir ist nichts aufgefallen.
Der Explorer verhält sich gleich.
Nein, nicht völlig. Wenn man fileManager leer lässt, funktioniert das hier nicht:
Strg+Rechtsklick: im Dateimanager anzeigenDas bezieht sich auf die Dateien im CSS-Ordner (der, dessen Benennung man mit cssFolder festlegen kann).
Ausgehend von Deinem zuvor geposteten Stil würde ich als Erstes das hier versuchen:
Code#usercssloader-menu-item #usercssloader-menu > .menu-text[value="CSS"] { opacity: 0; width: calc(2 * var(--toolbarbutton-inner-padding) + 20px); height: calc(2 * var(--toolbarbutton-inner-padding) + 20px); }Sorry für die späte Antwort, war auf Reisen.
Ich habe jetzt diese Werte genommen, damit passt es, vielen Dank!
width: calc(2 * var(--toolbarbutton-inner-padding) + 12px);
height: calc(2 * var(--toolbarbutton-inner-padding) + 12px);
Endor hat das Skript in der Version aus Beitrag #128 jetzt bei GitHub hochgeladen (danke):
Der Punkt „Chrome- und CSS-Ordner werden nicht geöffnet, sondern nur im Elternordner ausgewählt“ ist jedoch weiterhin gültig. Das erfordert einen einzigen weiteren Klick, damit sollte man leben können. Es kann sein, dass das schon vorher so war und mir nur nie aufgefallen ist.
Ich bin erst jetzt dazu gekommen, die neue Version zu testen.
In den Zeilen 407 und 423 ist ein Flüchtigkeitsfehler. Dort steht
if (fileManager !== "" && fileManager !== "/select,") {
stattdessen muss es heißen
if (fileManager !== "" && fileManagerParam !== "/select,") {
Wenn ein alternativer Dateimanager mit oder ohne Parameter oder der Explorer mit dem Parameter /select, eingetragen ist, funktioniert bei mir alles, auch das Öffnen der Ordner. 
Ist der Explorer ohne Parameter eingetragen, wird statt der Ordner der Explorer normal geöffnet (bei mir mit dem Dokumente-Ordner). Das gleiche bei Strg+Rechtsklick. Das soll dann auch gar nicht zur Verfügung stehen, aber da der Explorer als fileManager eingetragen ist, wird der Tooltip angezeigt. Beim Tooltip lässt sich das noch einfach lösen, aber beim Öffnen der Ordner wird's schwierig. Einfacher wäre, in der Konfiguration darauf hinzuweisen, dass der Parameter /select, eingetragen werden muss, wenn let fileManager = "C:\\Windows\\explorer.exe";.
Mit diesen drei Änderungen habe ich keine Fehler mehr gefunden.
Ich bin erst jetzt dazu gekommen, die neue Version zu testen.
In den Zeilen 407 und 423 ist ein Flüchtigkeitsfehler.
Danke fürs Durchsehen und: Upps.
Einfacher wäre, in der Konfiguration darauf hinzuweisen, dass der Parameter /select, eingetragen werden muss,
Stimmt, ich hab mal einen entsprechenden Hinweis zu Beginn eingefügt.
Siehe aktualisiertes Skript in Beitrag #128, beachte das geänderte Datum, Bege. Endor, ich hoffe, Du kannst es bei dir updaten?!
Hallo Speravir.
Ist aktualisiert:
Mfg.
Endor
Ich war mal so frei und habe das Menü erweitert!
Wie man unschwer erkennen kann, können nun auch die Dateien "prefs.js" & "user.js" zum Bearbeiten geöffnet werden.
/* UserCSSLoader 2025-10-04
*
* original author: Griever -
* https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
*
* Enhancements and several other changes including German translation
* and configuration section by users aborix, Endor, bege, Speravir of
* Camp Firefox forum - https://www.camp-firefox.de/forum/ - latest version:
* https://www.camp-firefox.de/forum/thema/138814/?postID=1280500#post1280500
*/
/****** 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 oder Menü wird in Navigationsleiste eingefügt (einstellbar, siehe
Variable "position" in unten anschließender Konfiguration).
Dateiordner, Dateimanager und Texteditor können in der unten anschließenden
Konfiguration geändert werden. Die Verwendung des in "view_source.editor.path"
angegebenen Editors ist möglich.
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.
Ein Symbol für die Schaltfläche muss in der "userChrome.css" festgelegt werden,
Pfad zum Bild (PNG nur als Beispiel):
* relativ zur userChrome.css
background-image: url("Relativer/Pfad/zum/CSS_Symbol.png");
* eine absolute Pfadangabe zum Symbol muss mit File-Protokoll-Präfix erfolgen:
background-image: url("file:///Absoluter/Pfad/zum/CSS_Symbol.png");
Absolute Zahlenwerte müssen eventuell etwas an die eigenen Gegebenheiten
angepasst werden (größeres Symbol, anderer Rand); der Zahlenwert für Höhe
und Breite des Menütextes ("CSS") sollte nicht größer sein als für das
Symbol (hier 16px).
#usercssloader-menu-item {
background-image: url("Relativer/Pfad/zum/CSS_Symbol.png");
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
border-radius: var(--toolbarbutton-border-radius);
margin-block: 3px;
&:hover {
background-color: var(--toolbarbutton-hover-background);
}
& #usercssloader-menu > .menu-text[value="CSS"] {
opacity: 0;
width: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
}
}
**** Ende der Anleitung ****/
(function(){
/***** Konfiguration *****/
/* Position: als frei verschiebbare-Schaltfläche = 0, als Menü anzeigen = 1 */
let position = 0;//1
/* Dateimanager festlegen, Beispiele:
* let fileManager = "C:\\Programme\\FreeCommanderXE\\FreeCommander.exe";
* let fileManager = "C:\\Programme\\totalcmd\\TOTALCMD.EXE";
* auch möglich (Achtung, nur mit fileManagerParam = "/select,"!):
* let fileManager = "C:\\Windows\\explorer.exe";
* Bleibt Parameter leer, wird Standardmanager des Systems ohne Parameter
* verwendet mit leicht eingeschränkter Funktionalität. */
let fileManager = "C:\\Windows\\explorer.exe";
/* eventuelle Parameter für den Dateimanager, Beispiele:
* let fileManagerParam = "/T";//FreeCommander oder Totalcommander
* let fileManagerParam = "/select,";//Windows Explorer, mit Komma korrekt!
*/
let fileManagerParam = "/select,";
/* manche Manager benötigen den Parameter nach der Pfadangabe,
dann "fileManagerParamPost" auf true setzen */
let fileManagerParamPost = false;
/* eigener Texteditor mit Pfad - Standard leer, dann wird Wert aus
* Einstellung "view_source.editor.path" verwendet mit Warnmeldung,
* wenn auch dieser leer ist, Beispiel:
* let customEditor = "C:\\Windows\\System32\\notepad.exe"; */
let customEditor = "C:\\Program Files\\Microsoft VS Code\\Code.exe";
/* Unterordner für die CSS-Dateien */
let cssFolder = "CSS";
/* zusätzlich Chrome-Ordner im Untermenü anzeigen (true)
oder verstecken (false) */
let showChrome = true;
/* Menüeintrag zum Bearbeiten der userChrome.css anzeigen (true)
oder verstecken (false) */
let showUserChromeCSS = true;
/* Menüeintrag zum Bearbeiten der userContent.css anzeigen (true)
oder verstecken (false) */
let showUserContentCSS = true;
/* Menüeintrag zum Bearbeiten der pref.js anzeigen (true)
oder verstecken (false) */
let showPrefsJS = true;
/* Menüeintrag zum Bearbeiten der user.js anzeigen (true)
oder verstecken (false) */
let showUserJS = true;
/***** Ende der Konfiguration *****/
// 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;
}
let menutooltip = "Linksklick: an/aus, Menü schließt\nMittelklick: an/aus, Menü bleibt offen\nRechtsklick: bearbeiten";
if (fileManager !== "") {
menutooltip = menutooltip + "\nStrg+Rechtsklick: im Dateimanager anzeigen";
}
window.UCL = {
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 cFolder;
try {
// UserCSSLoader.CHRMFOLDER verwenden
let CHRMfolderPath = this.prefs.getCharPref("CHRMFOLDER");
cFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
cFolder.initWithPath(CHRMfolderPath);
} catch (e) {
cFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
}
if (!cFolder.exists() || !cFolder.isDirectory()) {
cFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
}
delete this.CHRMFOLDER;
return this.CHRMFOLDER = cFolder;
},
init: function() {
const cssmenu = $C("menu", {
id: "usercssloader-menu",
label: "CSS",
tooltiptext: "UserCSSLoader\n\nLinksklick: Stylesheets anzeigen\nMittelklick: Styles importieren",
accesskey: "Y"
});
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: "S",
//acceltext: "S"
});
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: "D",
//acceltext: "D"
});
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) {
let openChromeFolder = $C("menuitem", {
label: "Chrome-Ordner öffnen",
accesskey: "X",
//acceltext: "X"
});
openChromeFolder.addEventListener("command", () => UCL.openCHRMFolder());
mp.appendChild(openChromeFolder);
}
if (showUserChromeCSS || showUserContentCSS)// wenigstens eine der beiden Variablen muss …
mp.appendChild($C('menuseparator'));// … true sein, damit Trennlinie angezeigt wird
if (showUserChromeCSS) {
let editChromeItem = $C("menuitem", {
label: "userChrome.css bearbeiten"
});
editChromeItem.addEventListener("command", () => UCL.editUserCSS("userChrome.css"));
mp.appendChild(editChromeItem);
}
if (showUserContentCSS) {
let editContentItem = $C("menuitem", {
label: "userContent.css bearbeiten"
});
editContentItem.addEventListener("command", () => UCL.editUserCSS("userContent.css"));
mp.appendChild(editContentItem);
}
if (showPrefsJS || showUserJS)
mp.appendChild($C('menuseparator')); // Trennlinie
if (showPrefsJS) {
let editPrefsItem = $C("menuitem", {
label: "prefs.js bearbeiten"
});
editPrefsItem.addEventListener("command", () => UCL.editProfileFile("prefs.js"));
mp.appendChild(editPrefsItem);
}
if (showUserJS) {
let editUserJsItem = $C("menuitem", {
label: "user.js bearbeiten"
});
editUserJsItem.addEventListener("command", () => UCL.editProfileFile("user.js"));
mp.appendChild(editUserJsItem);
}
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);
}
// Stile neu laden, ohne Menü zu öffnen
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;
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: menutooltip
});
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 && fileManager !== "") {
UCL.showFile(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;
},
showFile: function(fname) {
const PathSep = AppConstants.platform === "win" ? "\\" : "/";
let target= this.FOLDER.path + PathSep + fname;
let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
[target,fileManagerParam];
file.initWithPath(fileManager);
process.init(file);
// Verzeichnis mit anderem Dateimanager öffnen
process.run(false, args, args.length);
},
openCSSFolder:function(){
if (fileManager !== "" && fileManagerParam !== "/select,") {
let target = this.FOLDER.path;
let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
[target,fileManagerParam];
file.initWithPath(fileManager);
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 (fileManager !== "" && fileManagerParam !== "/select,") {
let target = this.CHRMFOLDER.path;
let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
[target,fileManagerParam];
file.initWithPath(fileManager);
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);
},
editProfileFile: function(filename) {
let file = Services.dirsvc.get("ProfD", Ci.nsIFile);
file.append(filename);
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); }
})();Die Einträge zum Öffnen der "userChromeShadow.css" und der "userChrome.js" werde ich auch noch vornehmen.
Vielen Dank an alle Mitwirkenden, ich werde die neue Version von hier:
am Sonntag mal installieren und ausprobieren! Bisher nutze ich diese Version, die auch in der aktuellen Nightly gut funktioniert:
Icons auf Nachfrage
// ==UserScript==
// @name UserCSSLoader
// @description CSS Codes - Styles laden und verwalten
// https://github.com/Endor8/userChrome.js/tree/master/usercssloader
// @namespace http://d.hatena.ne.jp/Griever/
// @author Griever
// @include main
// @license MIT License
// @compatibility Firefox 4 - 102*
// @charset UTF-8
// @version 0.0.4L+
// @note https://www.camp-firefox.de/forum/thema/136726-usercssloader-services-jsm-entfernt-css-codes-werden-nicht-geladen/
// @note Fit für 136 :
// @note BrokenHearts Änderung: https://www.camp-firefox.de/forum/thema/138792/?postID=1263814#post1263814
// @note Fit für 117
// @note Aktualisierung von Speravir - www.camp-firefox.de
// @note Fx92: getURLSpecFromFile() -> getURLSpecFromActualFile()
// @note AUTHOR_SHEET Verwendung hinzugefügt, wichtig: am Ende des Dateinamens .author.css
// @note Version 0.0.4.g ermoeglicht "Styles importieren" per Mittelklick und Verwendung
// @note eines anderen Dateimanager (siehe in Konfiguration)
// @note Frei verschiebbare Schaltfläche eingebaut von aborix
// @note 0.0.4 Remove E4X
// @note CSSEntry-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==
/****** 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 andere außer USER_SHEET werden gelesen. Da der Inhalt der Datei nicht überprüft wird,
darauf achten, @ Namespace Angabe nicht zu vergessen!
CSS-Menü wird zur Menüleiste hinzugefügt
Linksklick auf Stil, zum aktivieren/deaktivieren
Mittelklick auf Stil zum aktivieren/deaktivieren, ohne Menü zu schließen
Rechtsklick auf Stil zum Öffnen im Editor
Verwenden des in "view_source.editor.path" angegebenen Editors;
Dateiordner kann in Konfiguration geändert werden
**** Anleitung Ende ****/
(function(){
/* Konfiguration */
// alternativer Dateimanager, Bsp.:
// let filemanager = "C:\\Programme\\totalcmd\\TOTALCMD.EXE";
let filemanager = "/usr/bin/nemo";
// Unterordner für die CSS-Dateien:
let cssFolder = "css_test";
/* Ende Konfiguration */
let { classes: Cc, interfaces: Ci, utils: Cu, results: Cr } = Components;
// Wenn beim Start ein anderes Fenster angezeigt wird (das zweite Fenster), wird es beendet
let list = Services.wm.getEnumerator("navigator:browser");
while(list.hasMoreElements()){ if(list.getNext() != window) return; }
const XULNS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
if (window.UCL) {
window.UCL.destroy();
delete window.UCL;
}
window.UCL = {
vFileManager: filemanager,
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 = 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, 0664);
}
delete this.FOLDER;
return this.FOLDER = aFolder;
},
getFocusedWindow: function() {
let win = document.commandDispatcher.focusedWindow;
if (!win || win == window) win = content;
return win;
},
init: function() {
let cssmenu = $C("menu", {
id: "usercssloader-menu",
label: 'CSSLoader - Menü',
tooltiptext: "CSSLoader - Menü\n\nLinksklick: Menü - Testdateien anzeigen\nMittelklick: Testdateien importieren",
accesskey: "C",
onclick: "if (event.button == 1) UCL.rebuild()"
});
let menupopup = $C("menupopup", {
id: "usercssloader-menupopup"
});
cssmenu.appendChild(menupopup);
let menu = $C("menu", {
label: "Datei bearbeiten",
accesskey: "M",
id: "style-loader-menu"
});
menupopup.appendChild(menu);
menupopup.appendChild($C("menuseparator"));
let mp = $C("menupopup", { id: "usercssloader-submenupopup" });
menu.appendChild(mp);
mp.appendChild($C("menuitem", {
label: "Testdatei(en) laden",
accesskey: "R",
acceltext: "Alt + R",
oncommand: "UCL.rebuild();"
}));
mp.appendChild($C("menuseparator"));
mp.appendChild($C("menuitem", {
label: "Neue Testdatei im Ordner 'css_test' erstellen",
accesskey: "D",
oncommand: "UCL.create();"
}));
mp.appendChild($C("menuitem", {
label: "Ordner 'css_test' öffnen",
accesskey: "O",
oncommand: "UCL.openFolder();"
}));
mp.appendChild($C("menuitem", {
label: "userChrome.css bearbeiten",
hidden: false,
oncommand: "UCL.editUserCSS(\'userChrome.css\');"
}));
mp.appendChild($C("menuitem", {
label: "userContent.css bearbeiten",
hidden: false,
oncommand: "UCL.editUserCSS(\'userContent.css\');"
}));
mp.appendChild($C("menuseparator"));
mp.appendChild($C("menuitem", {
label: "Datei-Test (Chrome)",
id: "usercssloader-test-chrome",
hidden: true,
accesskey: "C",
oncommand: "UCL.styleTest(window);"
}));
mp.appendChild($C("menuitem", {
label: "Datei-Test (Content)",
id: "usercssloader-test-content",
hidden: true,
accesskey: "W",
oncommand: "UCL.styleTest();"
}));
mp.appendChild($C("menuitem", {
label: "Styles dieser Seite auf userstyles.org finden",
accesskey: "S",
oncommand: "UCL.searchStyle();"
}));
menu = $C("menu", {
label: ".uc.css",
accesskey: "U",
hidden: !UCL.USE_UC
});
menupopup.appendChild(menu);
mp = $C("menupopup", { id: "usercssloader-ucmenupopup" });
menu.appendChild(mp);
mp.appendChild($C("menuitem", {
label: "Importieren(.uc.js)",
oncommand: "UCL.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.createElementNS(XULNS, 'toolbaritem');
toolbaritem.id = 'usercssloader-menu-item';
toolbaritem.className = 'chromeclass-toolbar-additional';
return toolbaritem;
}
});
$('usercssloader-menu-item').appendChild(cssmenu);
/* Um Statt Menü eine frei verschiebbare Schaltfläche zu haben */
/* Untenstehende zwei Zeilen deaktivieren einfach // davor machen */
// let refNode = $('helpMenu');
// refNode.parentNode.insertBefore(cssmenu, refNode.nextSibling);
$("mainKeyset").appendChild($C("key", {
id: "usercssloader-rebuild-key",
oncommand: "UCL.rebuild();",
key: "R",
modifiers: "alt",
}));
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", 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 = "Style importiert";
else
XULBrowserWindow.statusTextField.label = "Styles importieren";
}
},
loadCSS: function(aFile) {
var 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) {
var CSS = this.readCSS[aLeafName];
var 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",
oncommand : "UCL.toggle('"+ aLeafName +"');",
onclick : "UCL.itemClick(event);"
});
document.getElementById("usercssloader-menupopup").appendChild(menuitem);
}
menuitem.setAttribute("checked", CSS.enabled);
},
toggle: function(aLeafName) {
var CSS = this.readCSS[aLeafName];
if (!CSS) return;
CSS.enabled = !CSS.enabled;
this.rebuildMenu(aLeafName);
},
itemClick: function(event) {
if (event.button == 0) return;
event.preventDefault();
event.stopPropagation();
let label = event.currentTarget.getAttribute("label");
if (event.button == 1) {
this.toggle(label);
}
else if (event.button == 2) {
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;
},
styleTest: function(aWindow) {
aWindow || (aWindow = this.getFocusedWindow());
new CSSTester(aWindow, function(tester){
if (tester.saved)
UCL.rebuild();
});
},
searchStyle: function() {
let word;
try {
word = gBrowser.currentURI.host;
} catch {
word = gBrowser.currentURI.spec;
}
openWebLinkIn("https://userstyles.org/styles/search/" + word, "tab", {});
},
openFolder:function(){
if (this.vFileManager.length != 0) {
var file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
var process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
var args=[this.FOLDER.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.FOLDER.launch();
}
},
editUserCSS: function(aLeafName) {
let file = Services.dirsvc.get("UChrm", Ci.nsIFile);
file.appendRelativePath(aLeafName);
this.edit(file);
},
edit: function(aFile) {
var 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 {
var UI = Components.classes["@mozilla.org/intl/scriptableunicodeconverter"].createInstance(Components.interfaces.nsIScriptableUnicodeConverter);
UI.charset = window.navigator.platform.toLowerCase().indexOf("win") >= 0? "Shift_JIS": "UTF-8";
var path = UI.ConvertFromUnicode(aFile.path);
var app = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsIFile);
app.initWithPath(editor);
var process = Components.classes["@mozilla.org/process/util;1"].createInstance(Components.interfaces.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",
oncommand : "this.setAttribute('checked', !(this.css.disabled = !this.css.disabled));",
onclick : "UCL.UCItemClick(event);"
});
m.css = css;
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(Components.interfaces.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: Components.classes["@mozilla.org/content/style-sheet-service;1"]
.getService(Components.interfaces.nsIStyleSheetService),
_enabled: false,
get enabled() {
return this._enabled;
},
set enabled(isEnable) {
var aFile = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsIFile)
aFile.initWithPath(this.path);
var isExists = aFile.exists(); // true, wenn die Datei existiert
var lastModifiedTime = isExists ? aFile.lastModifiedTime : 0;
var isForced = this.lastModifiedTime != lastModifiedTime; // true, wenn es eine Änderung in der Datei gibt
var fileURL = Services.io.getProtocolHandler("file").QueryInterface(Components.interfaces.nsIFileProtocolHandler).getURLSpecFromActualFile(aFile);
var 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;
},
};
function CSSTester(aWindow, aCallback) {
this.win = aWindow || window;
this.doc = this.win.document;
this.callback = aCallback;
this.init();
}
CSSTester.prototype = {
sss: Components.classes["@mozilla.org/content/style-sheet-service;1"]
.getService(Components.interfaces.nsIStyleSheetService),
preview_code: "",
saved: false,
init: function() {
this.dialog = openDialog(
"data:text/html;charset=utf8,"+encodeURIComponent('<!DOCTYPE HTML><html lang="de"><head><title>CSSTester</title></head><body></body></html>'),
"",
"width=550,height=400,dialog=no");
this.dialog.addEventListener("load", this, false);
},
destroy: function() {
this.preview_end();
this.dialog.removeEventListener("unload", this, false);
this.previewButton.removeEventListener("click", this, false);
this.saveButton.removeEventListener("click", this, false);
this.closeButton.removeEventListener("click", this, false);
},
handleEvent: function(event) {
switch(event.type) {
case "click":
if (event.button != 0) return;
if (this.previewButton == event.currentTarget) {
this.preview();
}
else if (this.saveButton == event.currentTarget) {
this.save();
}
else if (this.closeButton == event.currentTarget) {
this.dialog.close();
}
break;
case "load":
var doc = this.dialog.document;
doc.body.innerHTML = '\
<style type="text/css">\
:not(input):not(select) { padding: 0px; margin: 0px; }\
table { border-spacing: 0px; }\
body, html, #main, #textarea { width: 100%; height: 100%; }\
#textarea { font-family: monospace; }\
</style>\
<table id="main">\
<tr height="100%">\
<td colspan="4"><textarea id="textarea"></textarea></td>\
</tr>\
<tr height="40">\
<td><input type="button" value="Vorschau" id="Vorschau"/></td>\
<td><input type="button" value="Speichern" id="Speichern"/></td>\
<td width="80%"><span class="log"></span></td>\
<td><input type="button" value="Schließen" id="Schliessen"/></td>\
</tr>\
</table>\
';
this.textbox = doc.querySelector("textarea");
this.previewButton = doc.querySelector('input[value="Vorschau"]');
this.saveButton = doc.querySelector('input[value="Speichern"]');
this.closeButton = doc.querySelector('input[value="Schließen"]');
this.logField = doc.querySelector('.log');
var code = "@namespace url(" + this.doc.documentElement.namespaceURI + ");\n";
code += this.win.location.protocol.indexOf("http"||"https") === 0 ?
"@-moz-document domain(" + this.win.location.host + ") {\n\n\n\n}":
"@-moz-document url(" + this.win.location.href + ") {\n\n\n\n}";
this.textbox.value = code;
this.dialog.addEventListener("unload", this, false);
this.previewButton.addEventListener("click", this, false);
this.saveButton.addEventListener("click", this, false);
this.closeButton.addEventListener("click", this, false);
this.textbox.focus();
let p = this.textbox.value.length - 3;
this.textbox.setSelectionRange(p, p);
break;
case "unload":
this.destroy();
this.callback(this);
break;
}
},
preview: function() {
var code = this.textbox.value;
if (!code || !/\:/.test(code))
return;
code = "data:text/css;charset=utf-8," + encodeURIComponent(this.textbox.value);
if (code == this.preview_code)
return;
this.preview_end();
var uri = Services.io.newURI(code, null, null);
this.sss.loadAndRegisterSheet(uri, Ci.nsIStyleSheetService.AGENT_SHEET);
this.preview_code = code;
this.log("Preview");
},
preview_end: function() {
if (this.preview_code) {
let uri = Services.io.newURI(this.preview_code, null, null);
this.sss.unregisterSheet(uri, Ci.nsIStyleSheetService.AGENT_SHEET);
this.preview_code = "";
}
},
save: function() {
var data = this.textbox.value;
if (!data) return;
var fp = Cc["@mozilla.org/filepicker;1"].createInstance(Ci.nsIFilePicker);
fp.init(window, "", Ci.nsIFilePicker.modeSave);
fp.appendFilter("CSS Files","*.css");
fp.defaultExtension = "css";
if (window.UCL)
fp.displayDirectory = UCL.FOLDER;
var res = fp.show();
if (res != fp.returnOK && res != fp.returnReplace) return;
var suConverter = Cc["@mozilla.org/intl/scriptableunicodeconverter"].createInstance(Ci.nsIScriptableUnicodeConverter);
suConverter.charset = "UTF-8";
data = suConverter.ConvertFromUnicode(data);
var foStream = Cc["@mozilla.org/network/file-output-stream;1"].createInstance(Ci.nsIFileOutputStream);
foStream.init(fp.file, 0x02 | 0x08 | 0x20, 0664, 0);
foStream.write(data, data.length);
foStream.close();
this.saved = true;
},
log: function() {
this.logField.textContent = dateFormat(new Date(), "%H:%M:%S") + ": " + $A(arguments);
}
};
UCL.init();
function $(id) { return document.getElementById(id); }
function $A(arr) { return Array.slice(arr); }
// wg.136 geändert
//function $C(name, attr) {
// var el = document.createXULElement(name);
// if (attr) Object.keys(attr).forEach(function(n) { el.setAttribute(n, attr[n]) });
// return el;
//}
function $C(name, attr) {
var el = document.createXULElement(name);
if (attr) Object.keys(attr).forEach(function(n) {
if(n == "oncommand") {
el.addEventListener('command', function(event) { Function(attr[n])(); });
}
else if(n == "onclick") {
el.addEventListener('click', function(event) { Function(attr[n])(); });
}
else if(n == "onmouseup") {
el.addEventListener('mouseup', function(event) { Function(attr[n])(); });
}
else {
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.getDay()).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() { Application.console.log(Array.slice(arguments)); }
})();/*button_userCSSLoader.css*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#nav-bar #usercssloader-menu,
#nav-bar #usercssloader-menu-item {
appearance: none !important;
overflow: hidden !important;
background-image: url("../icons/16_options_orange.svg")!important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 16px 17px !important;
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
margin-top: -1px !important;
}
#nav-bar #usercssloader-menu:hover,
#nav-bar #usercssloader-menu-item:hover {
appearance: none !important;
overflow: hidden !important;
background-image: url("../icons/16_options_whitegray.svg")!important;
background-color: var(--button-hover-bgcolor) !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#widget-overflow #usercssloader-menu {
background-image: url("../icons/16_options_orange.svg")!important;
appearance: none !important;
overflow: hidden !important;
background-repeat: no-repeat !important;
background-position: 0px center !important;
background-size: 18px 18px !important;
opacity: 1.0 !important;
justify-content: center !important;
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
height: var(--uc-tabs-height) !important;
min-height: var(--uc-tabs-height) !important;
max-height: var(--uc-tabs-height) !important;
margin: 0 !important;
margin-top: 0px !important;
padding: 0 !important;
--toolbarbutton-border-radius: 0px !important;
border-radius: 0px !important;
}
#widget-overflow #usercssloader-menu:hover {
background-image: url("../icons/16_options_whitegray.svg")!important;
background-color: var(--button-hover-bgcolor) !important;
appearance: none !important;
overflow: hidden !important;
background-repeat: no-repeat !important;
background-position: 0px center !important;
background-size: 18px 18px !important;
opacity: 1.0 !important;
justify-content: center !important;
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
height: var(--uc-tabs-height) !important;
min-height: var(--uc-tabs-height) !important;
max-height: var(--uc-tabs-height) !important;
margin: 0 !important;
margin-top: 0px !important;
padding: 0 !important;
--toolbarbutton-border-radius: 0px !important;
border-radius: 0px !important;
}
#usercssloader-menu > .menu-text {
display: none !important;
}
/*----------------------------------*/
#usercssloader-submenupopup {
margin-top: -1px !important;
}
/*---------Style-Loader-Menü-------------------------*/
#style-loader-menu::before {
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: 0px !important;
margin-right: -16px !important;
background-image: url("../icons/16gear-2_whitegray.svg") !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: center center !important;
}
#style-loader-menu:hover::before {
background-image: url("../icons/16gear-2_whitegray.svg") !important;
}
/*------------------------------------------*/
#usercssloader-menupopup > menuitem[type="checkbox"] > .menu-iconic-left,
#usercssloader-menupopup > menuitem[type="checkbox"][checked="true"] > .menu-iconic-left {
display: none !important;
}
/*------------------------------------------
#usercssloader-menupopup > menuitem[type="checkbox"][checked="true"]::before{
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: 0px !important;
margin-right: 4px !important;
background-image: url("../icons/16_checkmark-checked_neongreen.svg") !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: center center !important;
}
#usercssloader-menupopup > menuitem[type="checkbox"][checked="true"]:hover::before{
background-image: url("../icons/16_checkmark-unchecked_white.svg") !important;
}
#usercssloader-menupopup > menuitem[type="checkbox"]::before{
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
margin-left: 0px !important;
margin-right: 4px !important;
background-image: url("../icons/16_checkmark-unchecked_redorange.svg") !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: center center !important;
}
#usercssloader-menupopup > menuitem[type="checkbox"]:hover::before{
background-image: url("../icons/16_checkmark-checked_white.svg") !important;
}
*/Wie angekündigt,
Die Einträge zum Öffnen der "userChromeShadow.css" und der "userChrome.js" werde ich auch noch vornehmen.
Und das Skript funktioniert auch in der Nightly 145.0a1 (2025-10-04) (64-Bit)
/* UserCSSLoader 2025-10-05
*
* original author: Griever -
* https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
*
* Enhancements and several other changes including German translation
* and configuration section by users aborix, Endor, bege, Speravir of
* Camp Firefox forum - https://www.camp-firefox.de/forum/ - latest version:
* https://www.camp-firefox.de/forum/thema/138814/?postID=1280504#post1280504
*/
/****** 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 oder Menü wird in Navigationsleiste eingefügt (einstellbar, siehe
Variable "position" in unten anschließender Konfiguration).
Dateiordner, Dateimanager und Texteditor können in der unten anschließenden
Konfiguration geändert werden. Die Verwendung des in "view_source.editor.path"
angegebenen Editors ist möglich.
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.
Ein Symbol für die Schaltfläche muss in der "userChrome.css" festgelegt werden,
Pfad zum Bild (PNG nur als Beispiel):
* relativ zur userChrome.css
background-image: url("Relativer/Pfad/zum/CSS_Symbol.png");
* eine absolute Pfadangabe zum Symbol muss mit File-Protokoll-Präfix erfolgen:
background-image: url("file:///Absoluter/Pfad/zum/CSS_Symbol.png");
Absolute Zahlenwerte müssen eventuell etwas an die eigenen Gegebenheiten
angepasst werden (größeres Symbol, anderer Rand); der Zahlenwert für Höhe
und Breite des Menütextes ("CSS") sollte nicht größer sein als für das
Symbol (hier 16px).
#usercssloader-menu-item {
background-image: url("Relativer/Pfad/zum/CSS_Symbol.png");
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
border-radius: var(--toolbarbutton-border-radius);
margin-block: 3px;
&:hover {
background-color: var(--toolbarbutton-hover-background);
}
& #usercssloader-menu > .menu-text[value="CSS"] {
opacity: 0;
width: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
}
}
**** Ende der Anleitung ****/
(function(){
/***** Konfiguration *****/
/* Position: als frei verschiebbare-Schaltfläche = 0, als Menü anzeigen = 1 */
let position = 0;//1
/* Dateimanager festlegen, Beispiele:
* let fileManager = "C:\\Programme\\FreeCommanderXE\\FreeCommander.exe";
* let fileManager = "C:\\Programme\\totalcmd\\TOTALCMD.EXE";
* auch möglich (Achtung, nur mit fileManagerParam = "/select,"!):
* let fileManager = "C:\\Windows\\explorer.exe";
* Bleibt Parameter leer, wird Standardmanager des Systems ohne Parameter
* verwendet mit leicht eingeschränkter Funktionalität. */
let fileManager = "C:\\Windows\\explorer.exe";
/* eventuelle Parameter für den Dateimanager, Beispiele:
* let fileManagerParam = "/T";//FreeCommander oder Totalcommander
* let fileManagerParam = "/select,";//Windows Explorer, mit Komma korrekt!
*/
let fileManagerParam = "/select,";
/* manche Manager benötigen den Parameter nach der Pfadangabe,
dann "fileManagerParamPost" auf true setzen */
let fileManagerParamPost = false;
/* eigener Texteditor mit Pfad - Standard leer, dann wird Wert aus
* Einstellung "view_source.editor.path" verwendet mit Warnmeldung,
* wenn auch dieser leer ist, Beispiel:
* let customEditor = "C:\\Windows\\System32\\notepad.exe"; */
let customEditor = "C:\\Program Files\\Microsoft VS Code\\Code.exe";
/* Unterordner für die CSS-Dateien */
let cssFolder = "CSS";
/* zusätzlich Chrome-Ordner im Untermenü anzeigen (true)
oder verstecken (false) */
let showChrome = true;
/* Menüeintrag zum Bearbeiten der userChrome.css anzeigen (true)
oder verstecken (false) */
let showUserChromeCSS = true;
/* Menüeintrag zum Bearbeiten der userContent.css anzeigen (true)
oder verstecken (false) */
let showUserContentCSS = true;
/* Menüeintrag zum Bearbeiten der pref.js anzeigen (true)
oder verstecken (false) */
let showPrefsJS = true;
/* Menüeintrag zum Bearbeiten der user.js anzeigen (true)
oder verstecken (false) */
let showUserJS = true;
let showUserChromeShadowCSS = true;
let showUserChromeJS = true;
/***** Ende der Konfiguration *****/
// 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;
}
let menutooltip = "Linksklick: an/aus, Menü schließt\nMittelklick: an/aus, Menü bleibt offen\nRechtsklick: bearbeiten";
if (fileManager !== "") {
menutooltip = menutooltip + "\nStrg+Rechtsklick: im Dateimanager anzeigen";
}
window.UCL = {
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 cFolder;
try {
// UserCSSLoader.CHRMFOLDER verwenden
let CHRMfolderPath = this.prefs.getCharPref("CHRMFOLDER");
cFolder = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
cFolder.initWithPath(CHRMfolderPath);
} catch (e) {
cFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
}
if (!cFolder.exists() || !cFolder.isDirectory()) {
cFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0o664);
}
delete this.CHRMFOLDER;
return this.CHRMFOLDER = cFolder;
},
init: function() {
const cssmenu = $C("menu", {
id: "usercssloader-menu",
label: "CSS",
tooltiptext: "UserCSSLoader\n\nLinksklick: Stylesheets anzeigen\nMittelklick: Styles importieren",
accesskey: "Y"
});
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: "S",
//acceltext: "S"
});
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: "D",
//acceltext: "D"
});
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) {
let openChromeFolder = $C("menuitem", {
label: "Chrome-Ordner öffnen",
accesskey: "X",
//acceltext: "X"
});
openChromeFolder.addEventListener("command", () => UCL.openCHRMFolder());
mp.appendChild(openChromeFolder);
}
if (showUserChromeCSS || showUserContentCSS || showUserChromeShadowCSS || showUserChromeJS)// wenigstens eine der Variablen muss …
mp.appendChild($C('menuseparator'));// … true sein, damit Trennlinie angezeigt wird
if (showUserChromeCSS) {
let editChromeItem = $C("menuitem", {
label: "userChrome.css bearbeiten"
});
editChromeItem.addEventListener("command", () => UCL.editUserCSS("userChrome.css"));
mp.appendChild(editChromeItem);
}
if (showUserContentCSS) {
let editContentItem = $C("menuitem", {
label: "userContent.css bearbeiten"
});
editContentItem.addEventListener("command", () => UCL.editUserCSS("userContent.css"));
mp.appendChild(editContentItem);
}
if (showUserChromeShadowCSS) {
let editContentItem = $C("menuitem", {
label: "userChromeShadow.css bearbeiten"
});
editContentItem.addEventListener("command", () => UCL.editUserCSS("userChromeShadow.css"));
mp.appendChild(editContentItem);
}
if (showUserChromeJS) {
let editContentItem = $C("menuitem", {
label: "userChrome.js bearbeiten"
});
editContentItem.addEventListener("command", () => UCL.editUserCSS("userChrome.js"));
mp.appendChild(editContentItem);
}
if (showPrefsJS || showUserJS)
mp.appendChild($C('menuseparator')); // Trennlinie
if (showPrefsJS) {
let editPrefsItem = $C("menuitem", {
label: "prefs.js bearbeiten"
});
editPrefsItem.addEventListener("command", () => UCL.editProfileFile("prefs.js"));
mp.appendChild(editPrefsItem);
}
if (showUserJS) {
let editUserJsItem = $C("menuitem", {
label: "user.js bearbeiten"
});
editUserJsItem.addEventListener("command", () => UCL.editProfileFile("user.js"));
mp.appendChild(editUserJsItem);
}
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);
}
// Stile neu laden, ohne Menü zu öffnen
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;
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: menutooltip
});
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 && fileManager !== "") {
UCL.showFile(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;
},
showFile: function(fname) {
const PathSep = AppConstants.platform === "win" ? "\\" : "/";
let target= this.FOLDER.path + PathSep + fname;
let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
[target,fileManagerParam];
file.initWithPath(fileManager);
process.init(file);
// Verzeichnis mit anderem Dateimanager öffnen
process.run(false, args, args.length);
},
openCSSFolder:function(){
if (fileManager !== "" && fileManagerParam !== "/select,") {
let target = this.FOLDER.path;
let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
[target,fileManagerParam];
file.initWithPath(fileManager);
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 (fileManager !== "" && fileManagerParam !== "/select,") {
let target = this.CHRMFOLDER.path;
let file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
let process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
let args = (!fileManagerParamPost) ? [fileManagerParam,target] :
[target,fileManagerParam];
file.initWithPath(fileManager);
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);
},
editProfileFile: function(filename) {
let file = Services.dirsvc.get("ProfD", Ci.nsIFile);
file.append(filename);
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); }
})();Endor Was hältst Du davon?
Hallo Mira_Belle .
Finde ich prima. Klasse Arbeit!!!!
Nur hier:
let customEditor = "C:\\Program Files\\Microsoft VS Code\\Code.exe";
würde ich nur die Anführungszeichen alleine lassen.
als so:
let customEditor = "";
Du hast da Deinen bevorzugten Editor eingetragen,
das hat mich zuerst etwas verwirrt.
Wenn Speravir einverstanden ist, lade ich diese Version dann bei Github hoch.
Mfg.
Endor
Speravir , und/oder @Linux-Nutzer.
Läuft das ( https://github.com/Endor8/userChr…cssloader.uc.js ) auch auf Linux? Sehe trotz einer userChrome keinen Button, ein Menüeintrag (als Alternative Configuration) wird auch nicht angezeigt.
Zeile 80 mit/ohne Eintrag let fileManager = "/usr/bin/nemo";getestet.
Zeile 95 let cssFolder = "css_test" Ordner ist vorhanden.
EDIT: Auch In einem neuen Profil funktioniert es nicht.
EDIT: Die neue userChrome (aus Zeile 47-64) kann als Fehlerquelle ausgeschlossen werden (funktioniert mit dem Script aus Beitrag 138).
EDIT:
EDIT: Die Datei wird als einzige JS-Datei (von nur 4 insgesamt) nicht im Debugger gefunden (Browserwerkzeuge>Debugger>Quellen>file:// > > ). In der Konsole schon. Zugriffsrechte richtig gesetzt. Namenskonvention eingehalten. Gebe auf!
(Info/Vergleich: Das Script aus Beitrag 138 funktioniert.)