Browserwerkzeuge
Tja, damit tue ich mich tatsächlich schwer, aber ich versuche mich reinzufrickeln. Nightly verwende ich schon sehr lange. Danke für deine aufbauenden Worte!
Nur die ersten paar Schritte sind fummelig, wenn man mal angefangen hat ist es das Beste was man über Firefox Modifikationen je gelernt hat.
Vor allem wenn man an der Nighly rumschraubt, was sich naturgemäss dauernd ändert, und nicht alles immer in der Release landet.
ich hatte analog zu Chronik
Mit den Browser-Werkzeugen hättest du das in 5 Sekunden gefunden
Aber es würde ja wohl kaum jemand Nightly benutzen - und sogar diskutieren wollen - der nicht mal die Browserwerkzeuge verwenden kann?
Damit komme ich leider auch nicht an die einzelnen Ordner hier. "treechildren" wie oben, Ende.
Genau, Ende.
Nix, nada, geht nicht.
Quasi, weil etwas weiter runter geht schon, aber nicht bis zu spezifischen Einträgen wie Ordner oder sogar einzelnen Lesezeichen.
Für die Lesezeichenleiste (siehe oben). Ordner+Text rot.
Das ist aber kein tree.
Ich hab wie immer kein Plan, wie ich an dessen Daten komme, oder in der Bibliothek, bei mir ist mit treeview Ende. Ich wusste es mal, aber da ich dort nie für mich bin - verdrängt/vergessen. Hast du nen Tipp für mich?
Du kannst dir in der Browser Toolbox via Icon oben rechts die Sidebar aussuchen, s.Bild, und dich dort dann durchhangeln.
Ist aber immer ein Gehampel, trees sind so ein Ärgernis....
In meiner vorigen Antwort war mir nicht genau bewusst, womit ihr Probleme habt. Das ist mir erst später klar geworden. Nehmen wir das Beispiel Browsertools-Button, ich beziehe mich auf die am 7. Juni 2023 gepostete Version (als browsertoolbox.uc.js):
Vielen Dank für die ausführliche Erklärung!
Mich hat diese Zeile verwirrt : oncommand: '(' + onCommand.toString() + ')()' , wusste einfach nicht wie ich das alternativ einbinden sollte, v.a. mit der irreführenden Verwendung von onCommand als Funktionsname.
Nö, zu dritt.
Denn sonst würde meine Version funktionieren.
Wer mag sich das mal anschauen:Code// ==UserScript== // @name externalApplications.uc.js // @namespace ithinc#mozine.cn // @description External Applications // @include main // @compatibility Firefox 3.5.x 3.6.x 17.01 // @author ithinc // @Version Fix by aborix // @Version 20190108.2.0.0 Frei verschiebbare Schaltflächen von aborix // @version 20091216.1.0.0 Final release // @version 20091215.0.0.2 Handle toolbar apps and menu apps separately // @version 20091212.0.0.1 Initial release // ==/UserScript== /* :::: External Applications :::: */ var gExternalApplications = { toolbar: { apps: [ {name: 'Photoshop', path: 'C:\\Program Files (x86)\\Adobe\\Adobe Photoshop CS2\\Photoshop.exe'}, {name: 'Wetter', path: 'C:\\Users\\Paulmichl\\Wetter'}, {name: 'Notepad++', path: 'C:\\Program Files\\Notepad++\\notepad++.exe'}, {name: 'Microsoft Outlook', path: 'C:\\Program Files (x86)\\Microsoft Office\\OFFICE14\\Outlook.exe'}, {name: 'Phoenix Hotel', path: 'C:\\Program Files (x86)\\PCS Phoenix\\Phoenix.exe'}, {name: 'Videolan Player', path: 'C:\\Program Files\\VideoLAN\\VLC\\vlc.exe'}, {name: 'Windows Explorer', path: 'C:\\Windows\\explorer.exe'}, {name: 'WinMergeU', path: 'F:\\Adaten\\Downloads\\Freecomander\\WinMerge-2.14.0\\WinMerge-2.16.12-x64-exe\\WinMerge\\WinMergeU.exe'}, {name: 'Filezilla', path: 'F:\\Adaten\\Downloads\\Filezilla\\FileZilla_3.10.3_win64\\FileZilla-3.56.2\\filezilla.exe'}, {name: 'CarotDAV', path: 'F:\\Adaten\\Downloads\\Dropbox\\CarotDAV1.9.9.portable\\CarotDAV\\CarotDAV.exe'}, {name: 'Pickpick', path: 'F:\\Adaten\\Downloads\\picpick\\picpick.exe'}, {name: 'Profilmanager', path: 'F:\\Adaten\\Downloads\\Firefox\\Profile-Manager\\profilemanager.exe'}, {name: 'Profile', path: 'C:\\Users\\Paulmichl\\AppData\\Roaming\\Mozilla\\Firefox\\Profiles'}, {name: 'FreeCommander', path: 'F:\\Adaten\\Downloads\\FreeComander\\FreeCommanderPortable\\FreeCommanderPortable.exe'}, {name: 'TV Browser', path: 'F:\\Adaten\\Downloads\\TVBrowser\\tvbrowser_3.2.1_bin_transportable\\tvbrowser-transportable\\tvbrowser-transportable.exe'}, {name: 'Radio Sure', path: 'F:\\Adaten\\Downloads\\Radio\\RadioSure.exe'}, ] }, // Menü für Firefox Extras - Externe Anwendungen menu: { apps: [ {name: 'Notepad', path: 'C:\\WINDOWS\\system32\\notepad.exe'}, {name: 'Rechner', path: 'C:\\WINDOWS\\system32\\calc.exe'}, {name: 'DOS', path: 'C:\\WINDOWS\\system32\\cmd.exe'}, {name: 'separator'}, {name: 'UltraSearch', path: 'F:\\Adaten\\Downloads\\FreeComander\\UltraSearch\\UltraSearch.exe'}, {name: 'CarotDAV', path: 'F:\\Adaten\\Downloads\\Dropbox\\CarotDAV1.9.9.portable\\CarotDAV\\CarotDAV.exe'}, {name: 'Windows Explorer', path: 'c:\\windows\\explorer.exe'},/*x?????*/ {name: 'Internet Explorer', path: 'C:\\Program Files\\Internet Explorer\\IEXPLORE.EXE', args: ['%u']}, {name: 'Firefox', path: 'F:\\Adaten\\Downloads\\Firefox'}, {name: 'Videos', path: 'F:\\Video'}, {name: 'Videos2', path: 'F:\\Adaten\\Müll'}, ], id: 'ExternalApplicationsMenu', insertafter: 'menu_openAddons', // 'helpMenu', 'tools-menu' oder 'browserToolsSeparator' label: 'Externe Anwendungen', accesskey: 'A' }, init: function() { this.handleRelativePath(this.toolbar.apps); this.handleRelativePath(this.menu.apps); this.createToolbarbuttons(this.toolbar.apps); if (this.menu.apps.length > 0) { var refNode = document.getElementById(this.menu.insertafter); if (refNode) { var menu = refNode.parentNode.insertBefore(document.createXULElement('menu'), refNode.nextSibling); menu.setAttribute('id', this.menu.id); menu.setAttribute('label', this.menu.label); menu.setAttribute('accesskey', this.menu.accesskey); menu.appendChild(this.createMenupopup(this.menu.apps)); } } }, handleRelativePath: function(apps) { for (var i=0; i<apps.length; i++) { var app = apps[i]; if (app.path) { app.path = app.path.replace(/\//g, '\\'); var ffdir = Cc['@mozilla.org/file/directory_service;1'].getService(Ci.nsIProperties).get('CurProcD', Ci.nsIFile).path; if (/^(\.)/.test(app.path)) { app.path = ffdir + '\\' + app.path; } else if (/^(\\)/.test(app.path)) { app.path = ffdir.substr(0,2) + app.path; } } } }, exec: function(path, args) { args = args || []; for (var i=0; i<args.length; i++) { args[i] = args[i].replace(/%u/g, gBrowser.currentURI.spec); } var file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile); file.initWithPath(path); if (!file.exists()) { Cu.reportError('File Not Found: ' + path); return; } if (!file.isExecutable()) { file.launch(); } else { var process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess); process.init(file); process.run(false, args, args.length); } }, createToolbarbuttons: function(apps) { for (var i=0; i<apps.length; i++) { var app = apps[i]; if (app.name != 'separator') { createButton(app); } }; function createButton(app) { var buttonId = app.name.replace(/ /g, '_').replace(/\+/g, 'Plus') + '-ExtApp-button'; try { CustomizableUI.createWidget({ id: buttonId, type: 'custom', defaultArea: CustomizableUI.AREA_NAVBAR, onBuild: function(aDocument) { var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton'); var attributes = { id: buttonId, class: 'toolbarbutton-1 chromeclass-toolbar-additional', label: app.name, tooltiptext: app.name, image: 'moz-icon:file:///' + app.path + '?size=16', //oncommand: 'gExternalApplications.exec(this.path, this.args);', }; for (var a in attributes) { toolbaritem.setAttribute(a, attributes[a]); toolbaritem.addEventListener('click', event => { if (event.button == 0) { gExternalApplications.exec(this.path, this.args).click(); } }); toolbaritem.path = app.path; toolbaritem.args = app.args; return toolbaritem; } } }); } catch(e) {}; } }, createMenupopup: function(apps) { var menupopup = document.createXULElement('menupopup'); for (var i=0; i<apps.length; i++) { var app = apps[i]; if (app.name == 'separator') { menupopup.appendChild(document.createXULElement('menuseparator')); } else { var item = menupopup.appendChild(document.createXULElement('menuitem')); item.setAttribute('class', 'menuitem-iconic'); item.setAttribute('label', app.name); item.setAttribute('image', 'moz-icon:file://' + app.path + '?size=16'); item.addEventListener ('command', function (event) { if (event.button == 0) { gExternalApplications.exec(this.path, this.args); } }); item.path = app.path; item.args = app.args; return menupopup; } } }; }; gExternalApplications.init();Mfg.
Endor
Mitglied #4 hier: in Zeile 146, grob geraten, wüsste nicht wie ich das testen kann: bei gExternalApplications.exec(this.path, this.args).click(); zu gExternalApplications.exec(this.path, this.args); , also .click() rauswerfen.
Ansonsten für den Bereich auch nochmal bei Sören's Vorschlägen schauen, die dritte Umsetzung.
Hallo Horstmann .
Script funktioniert wieder einwandfrei.
Blindes Huhn ==> Korn....
Prima daß es klappt!
Hallo Horstmann .
Leider nein.Mfg.
Endor
Also, ich hab mal weitergebastelt, und das hier funktioniert bei mir; ob sowas für dein Script anwendbar ist musst du mal testen.
Im Prinzip ist das einfach die unten im Script definierte Funktion namens onCommand() in die erwähnte Formel für addEventListener gepackt.
Übrigens habe ich bei mir onCommand mit Otto ausgetauscht; onCommand zu benutzen scheint mir sehr verwirrend zu sein in dem Zusammenhang, und ist auch in der alten Version nicht nötig als Variable mit dem Namen.
// Button für Browserwerkzeuge
// browsertoolbox.uc.js von Endor von hier:
// https://www.camp-firefox.de/forum/thema/129954-symbole-zu-kontextmen%C3%BCs-mit-javascript-und-css-hinzuf%C3%BCgen/?postID=1138524#post1138524
//
// 200214: Einbau
// 200215: berechneter Path mit "werkzeuge.png"
(function() {
if (location != 'chrome://browser/content/browser.xhtml')
return;
try {
CustomizableUI.createWidget({
id: 'browser-console-button',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
var buttonicon = "LettersK-1.png"
var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
var props = {
id: 'browser-console-button',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
label: 'Browser Konsole',
tooltiptext: 'Browser-Konsole',
style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) + '");',
//oncommand: '(' + onCommand.toString() + ')()'
};
for (var p in props)
toolbaritem.setAttribute(p, props[p]);
// neu dazu
toolbaritem.addEventListener('click', event => {
if (event.button == 0) {
onCommand()
}
});
// neu dazu Ende
return toolbaritem;
}
});
CustomizableUI.registerToolbarNode(tb);
} catch(e) { };
function onCommand() {
var document = event.target.ownerDocument;
if (!document.getElementById('menu_browserConsole')) {
//let { require } = Cu.import("resource://devtools/shared/loader/Loader.jsm", {});
let { require } = ChromeUtils.importESModule("resource://devtools/shared/loader/Loader.sys.mjs", {});
require("devtools/client/framework/devtools-browser");
};
document.getElementById('menu_browserConsole').click();
};
})();Nachtrag, für dieses Script brauchts das angehängte Icon im chrome/icons Ordner.
Andere Frage:
In einem Script habe ich dies:Codeoncommand: '(' + onCommand.toString() + ')()'Habe es nach so geändert:
Codetoolbaritem.addEventListener('click', event => { if (event.button == 0) { (' + onCommand.toString() + ')(); }Funktioniert aber nicht.
Mfg.
Endor
Gibt's denn dafür schon eine Lösung?
Ich habe alle Beiträge dazu gelesen, aber ihr schreibt da ziemlich wild durcheinander.
Hier ist ein altes Script von Dir, das ich umgemodelt habe um die Konsole per Button aufzurufen, mit der strittigen oncommand Zeile:
// Button für Browserwerkzeuge
// browsertoolbox.uc.js von Endor von hier:
// https://www.camp-firefox.de/forum/thema/129954-symbole-zu-kontextmen%C3%BCs-mit-javascript-und-css-hinzuf%C3%BCgen/?postID=1138524#post1138524
//
// 200214: Einbau
// 200215: berechneter Path mit "werkzeuge.png"
(function() {
if (location != 'chrome://browser/content/browser.xhtml')
return;
try {
CustomizableUI.createWidget({
id: 'browser-console-button',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
var buttonicon = "LettersK-1.png"
var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
var props = {
id: 'browser-console-button',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
label: 'Browser Konsole',
tooltiptext: 'Browser-Konsole',
style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) + '");',
oncommand: '(' + onCommand.toString() + ')()'
};
for (var p in props)
toolbaritem.setAttribute(p, props[p]);
return toolbaritem;
}
});
CustomizableUI.registerToolbarNode(tb);
} catch(e) { };
function onCommand() {
var document = event.target.ownerDocument;
if (!document.getElementById('menu_browserConsole')) {
//let { require } = Cu.import("resource://devtools/shared/loader/Loader.jsm", {});
let { require } = ChromeUtils.importESModule("resource://devtools/shared/loader/Loader.sys.mjs", {});
require("devtools/client/framework/devtools-browser");
};
document.getElementById('menu_browserConsole').click();
};
})();Das item.command ist quasi eine Variable, die das auszuführende Script beinhaltet. ......
Aha, herzlichen Dank für die Erklärung!
Das sind so die kleinen Stolpersteine, die einem als Amateur eine Menge Zeit kosten können.
Sieht nicht einfach aus, da haste recht.
Sieht es nicht?
Aus:
JavaScriptelement.setAttribute('onEvent', 'function();');wird:
JavaScriptelement.addEventListener('event', () => { function(); });Das ist das ganze Prinzip, welches sich die ganze Zeit wiederholt.
Hab ich gesehen, aber wenn du dir hier Zeilen 282+, und 319+ anschaust, da hat Mia ein paar Dinge umgebastelt.
z.B.:
if (item.command) {
// menuItem.setAttribute("oncommand", item.command);
menuItem.addEventListener("command", function() {
eval(item.command);
});Ob oder wieso das so umgesetzt sein soll kann ich nicht einschätzen, das ist der komplizierte Teil für mich; vermutlich aus den Gründen die du gerade beschrieben hast, und halt wg. mangelden JS Kentnissen.
Alles anzeigen
Sieht nicht einfach aus, da haste recht.
Es war auch eher eine Frage.
Danke für die übersichtliche alt/neu Darstellung, ist abgespeichert!
Mir ist ehrlich gesagt nicht klar, ob ich deine Frage richtig verstehe. Aber ja, es geht in diesem Thema um genau diese Inline-Eventlistener, die mittels addEventListener-Aufrufe ersetzt werden.
Meine Frage ist offensichtlich, ob die Lösung generell so einfach ist wie von dir beschrieben, und von mir vermutet.
Und falls ja, warum dann hier jedes Script einzeln diskutiert wird, falls eine solche Lösung generell für betroffene Scripts angewendet werden kann.
Gleiches Prinzip:
Vielleicht steh ich hier mal wieder auf dem Schlauch, aber ist es nicht sowas , oder ist das zu einfach gedacht?
Also dem gewünschten Element weist man die gewünschte Funktion zu, via addEventListener?
In letzter Zeit hab ich etwas an meiner Website rumgepfuscht, und addEventListener war ziemlich simpel in der Anwendung, eigentlich wie von Dir beschrieben.
Kann man eigentlich den Close-Button innerhalb eines Tabs verschieben bzw. 1-2px nach rechts rücken?
Ohne das komplett durchgetestet zu haben, evtl. so etwas, und den Pixel Wert dann halt anpassen nach gusto:
.tab-content {
padding-right: 4px !important;
}Ah ja, so kann man das hauchfein einstellen.
Kann man tatsächlich nicht, das ist nur CSS um den Fx-eigenen Code für das Close-Button Verhalten auszuhebeln, der Wert ist nicht variabel ohne Probleme zu erzeugen.
Es sind momentan immer noch 6px, und es ist momentan immer noch in Stein gemeisselt.
....Ich weiß nur nicht, ob er evtl. ungewollt an anderer Stelle auch Scrollbalken erstellen könnte oder nicht.
Das ist gut möglich, ob jetzt oder in späteren Versionen von Firefox.
Du könntest dir das hier mal anschauen - bzw. die Replik von Sören zu meinem Kommentar, einiges davor in dem Thema, und die mögliche Problematik mit der Verwendung von Variablen in diesem shadowroot Kontext.
Andererseits benutze ich ähnliche CSS Hacks selber schon lange, und bin nur einmal damit auf die Nase gefallen; aber deine Frage war schon auf den Punkt.
ev. kann man da was anpassen
Du könntest auch zunächst mal probieren, #urlbar-input-container mit .urlbar-input-container zu ersetzen.
Ein möglicher aktueller Code dazu, für Fx133, ist auch bei Aris zu finden.
wenn ich was reinschreibe siehts komisch aus.
Wohl wegen dem margin-top für [open] .
AAAlso: Altes Backup (inkl. Scriptvorbereitung) von der Fx115 (nicht esr) App genommen, und im Programmordner die 133 App tapfer ersetzt damit. Der Rest der Fx Installation blieb wie er war, d.h. von 115esr übernommen.
115 lief sogar 
(mit neuem Profil), Update gemacht auf 133, Cache geleert etc.; alle alten Profile laufen, alle Scripts laufen!
Der neue 133 App Ordner/Paketinhalt hat diesmal auch noch den alten defaults/prefs Ordner; wobei ich nicht weiss ob das noch benutzt wird.
Trotzdem seltsam daß es vorher nicht ging , aber Hauptsache es läuft.
Und weil ich immer schön mitgeschrieben habe bei Euch, wenn die Probleme mit Updates diskutiert wurden - auch wenn nicht jeder ausführlich erklärt - war der gröbste Teil der alten 115er CSS Dateien in 10 Minuten korrigiert, Tabs unten, URLbar Vergrößerung repariert, etc..
Anscheinend wird ab FF126 die Datei /Applications/Firefox.app/Contents/Resources/application.ini für die Information verwendet, welcher Kanal für Updates benutzt werden soll. D.h. die Datei channel-prefs.js dürfte gar nicht mehr auf seinem System existieren.
Guter Fund, danke.
Das schau ich mir genauer an; evtl. kann ich da was hacken.
channel-prefs.js scheint tatsächlich nicht zu existieren in der 133 App, auch nicht in 135 Nightly; in 115esr ist die Datei noch in dem defaults/pref Ordner.
Davon abgesehen, hab ich mir auch mal diverse alte und aktuelle Fx Installer runtergeladen und den Inhalt der jeweiligen App durchsucht; es gibt in den neueren Versionen eine Textdatei namens removed-files in /resources, der Inhalt:
Contents/MacOS/chrome.manifest
Contents/Resources/chrome.manifest
Contents/Resources/defaults/pref/channel-prefs.js
Contents/Resources/defaults/pref/
Contents/Resources/defaults/
Contents/Resources/update-settings.ini
Wieder seltsam: die Datei gibt's auch im Nightly 135 Installer, wobei meine von 115 upgedatete Nightly 135 Version weder diese Datei hat, noch fehlt der /defaults Ordner...
Wo ist denn da die die channel-prefs.js drin? Dort die config-prefs.js mit hinein.
Wie oben erwähnt, die Datei gibt's hier nicht mehr.
Das ist doch ein gutes Zeichen. Da wird wohl wieder nur etwas klemmen, das ist unter Windows und Linux auch nicht anders. Da muss vielleicht nur der Skript-Cache geleert werden, oder der Start-Cache (z. B. über about:support). Fehlerbehebungsmodus könnte auch reichen. Das Verzeichnis /defaults/prefs kann man sicherlich auch einfach anlegen und die config-prefs.js hineinschieben.
Hab ich alles schon mehrfach gemacht ... Schon seltsam.
Ich schau mir die channel Geschichte nochmal genauer an, irgendwo scheint sich Esr noch fest zu hängen.
