Vorbereitung für Anpassungen mittels Scripte unter macOS am Mac

klickman

Ich krieg unter macOS Sierra einfach keine Scripte zum Laufen. Egal, welche Variante ich von hier nehme: https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122615

Die Dateien wurden entsprechend der jeweiligen Variante korrekt verteilt, wobei sich die Ordnerstruktur unter macOS ja tw. völlig anders gestaltet. Als "Installationsordner" dient unter macOS Sierra dieser Pfad, in dem auch der defaults > pref-Ordner liegt:
Programme > Firefox.app >Kontextmenü, "Paketinhalt zeigen" > Contents > Resources
Der chrome-Ordner liegt, analog Windows, ganz normal im Profilordner.

An der Dateiverteilung sollte es also nicht scheitern. Jedoch bleibt dieses Script hier z. B. völlig wirkungslos (getestet mit einem jungfräulichen Profil und jeder der 4 Varianten):

Code

//	HideTabbarWithOneTab.uc.js
//	v. 0.1


Cc["@mozilla.org/preferences-service;1"].getService(Ci.nsIPrefService).setBoolPref("browser.tabs.drawInTitlebar", false);
var tabbar = document.getElementById("TabsToolbar");	
function showHideTabbar (mutations) {
	tabbar.collapsed = (gBrowser.visibleTabs.length == 1);
};			
showHideTabbar();						
var observer = new MutationObserver(showHideTabbar);		
observer.observe(document.querySelector('#tabbrowser-tabs'), {attributes: true});

Alles anzeigen

Muss ich an irgendeinem Dateiinhalt etwas anpassen (Dateipfade ev.)? Sonst etwas am Mac beachten, damit Scripte laufen?

EffPeh

Ich habe leider keine Ahnung von Mac-Systemen.
Aber um zu testen, ob du alle notwendigen Dateien richtig eingebunden hast, könntest du mal eine Datei mit folgendem Script erstellen, von dem ich weiss, das es funktioniert:

Code

(function() {


var menuitem = document.createElement('menuitem');
menuitem.id = 'fp_menu_restart';
menuitem.setAttribute('label' , 'Neustart');
menuitem.setAttribute('oncommand' , "Services.appinfo.invalidateCachesOnRestart() || BrowserUtils.restartApplication();");
var refItem = document.getElementById('menu_FileQuitItem');
refItem.parentNode.insertBefore(menuitem, refItem);


})();

Alles anzeigen

Dieses Script fügt dem Menü unter "Datei" einen neuen Menüpunkt "Neustart" mit der entsprechenden Funktion ein.

klickman · Bildschirmfoto 2017-11-30 um 11.59.08.jpg

Vielen Dank, dass du dich meines Problems annimmst, EffPeh!

Das Script funktioniert bei mir nicht und ich denke, aus folgendem Grund:
Die Menüleiste am Mac ist nicht Teil des jeweils geöffneten Programms, sondern des Systems. Soll heißen, die Menüleiste ist immer an der gleichen Stelle, hat immer das gleiche Aussehen und kann nur durch Systemeingriffe verändert werden, was dann aber generell Wirkung hat, egal welches Programm gerade läuft.
Auf den untenstehenden Screenshots z. B. ist zu sehen, dass ich in den Systemeinstellungen "Dunkle Menüleiste verwenden" eingestellt habe.
Wie gesagt gilt das systemweit. Je nach geöffnetem Programm werden lediglich die Menüeinträge angepasst - im Gegensatz zu Windows, bei dem jedes Programm seine "eigene" Menüleiste mitbringt und in ihm integriert ist.

Konkret sieht das so aus bei Firefox:
[attachment=1]Bildschirmfoto 2017-11-30 um 11.55.23.jpg[/attachment]

Und so z. B. beim Texteditor:
[attachment=0]Bildschirmfoto 2017-11-30 um 11.59.08.jpg[/attachment]

EffPeh

Na, da kannst du mal sehen, wieviel Ahnung ich von Macs habe.
Dann probieren wir das nochmal mit diesem Script:

Code

(function() {


try {
	Components.utils.import("resource:///modules/CustomizableUI.jsm");
	CustomizableUI.createWidget({
		id: "uc-restart",
		defaultArea: CustomizableUI.AREA_NAVBAR,
		removable: true,
		label: "Neustart",
		tooltiptext: "Neustart",
		onClick: function() {
			Services.appinfo.invalidateCachesOnRestart() || BrowserUtils.restartApplication();
		},
		onCreated: function(aNode) {
			aNode.style.listStyleImage = 'url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" fill-opacity="context-fill-opacity" d="M15,1a1,1,0,0,0-1,1V4.418A6.995,6.995,0,1,0,8,15a6.954,6.954,0,0,0,4.95-2.05,1,1,0,0,0-1.414-1.414A5.019,5.019,0,1,1,12.549,6H10a1,1,0,0,0,0,2h5a1,1,0,0,0,1-1V2A1,1,0,0,0,15,1Z"/></svg>\')';
			return aNode;
		}
	});
} catch (e) {
	Components.utils.reportError(e);
};


})();

Alles anzeigen

Das sollte einen "Neustart"-Button hinzufügen. Falls er nicht direkt in der Leiste zu finden ist, musst du ihn erst aus dem "Anpassen"-Fenster in die Leiste ziehen.

klickman · Bildschirmfoto 2017-11-30 um 17.25.12.jpg

Danke vorweg für deine Unterstützung, EffPeh!

Der Veruch mit dem Neustart-Button war leider auch erfolglos. Ich habe den chrome-Ordner bis auf die (von mir so benannte) ButtonNewStart.uc.js mit deinem Script und die userChrome.js mal testweise komplett leergeräumt - nix. :-???
Sieht dann so aus:
[attachment=1]Bildschirmfoto 2017-11-30 um 17.24.54.jpg[/attachment]
Bzw. so:
[attachment=0]Bildschirmfoto 2017-11-30 um 17.25.12.jpg[/attachment]

aborix

Gib nur das in die userChrome.js:

Code

userChrome.ignoreCache = true;
userChrome.import("*", "UChrm");

und teste dieses Skript, bei dem ein Meldungsfenster erscheinen sollte:

Code

if (location == 'chrome://browser/content/browser.xul') {
  alert('hi!');
};

klickman

Gesagt, getan. Erfolglos. Kein Meldungsfenster zu sehen, weder mit meinem gegenwärtigen, noch mit einem extra neu angelegten Profil.
Vielleicht hilfts: Ich habe die "Vorbereitungs"dateien von hier genommen (Zitronellas Vorschlag), weil nur 4 Dateien: https://www.camp-firefox.de/forum/viewtopi…044804#p1044799 Die Anzahl der Dateien unterscheidet sich von Variante zu Variante z. T. erheblich. Kann das ev. eine Rolle spielen?

aborix

Glaube ich nicht.
Versuche es nochmal in einem neuen Profil nach dieser Beschreibung:
Firefox Anpassungen: die Basis

und wieder mit dieser userChrome.js:

Code

userChrome.ignoreCache = true;
userChrome.import("*", "UChrm");

und diesmal diesem Skript:

Code

console.log('hi!');
if (location == 'chrome://browser/content/browser.xul') {
  alert('hi!');
};

Öffne gleich nach dem Start mit Cmd+Umschalt+J die Browserkonsole und dort schalte oben die JS- und Logbuch-Meldungen ein und die anderen aus. Zeige bitte einen Screenshot mit den Meldungen, die dann dort stehen.

klickman · Bildschirmfoto 2017-11-30 um 20.17.13.jpg

Ok, ausgeführt. "Hi" bekam ich aber nirgendwo zu sehen.

Hier die Meldungen der Konsole. Ich hoffe, ich hab die korrekten Menüpunkte angehakt.
Mit komplett neuem Profil:
[attachment=1]Bildschirmfoto 2017-11-30 um 20.15.03.jpg[/attachment]

Und mit "Arbeitsprofil:
[attachment=0]Bildschirmfoto 2017-11-30 um 20.17.13.jpg[/attachment]

Ich hoffe sehr, dass dir die Infos hilfreich sind!

aborix

Ja, sind sie, danke.

In der config.js im Ordner, der dem Windows-Installationsordner entspricht, steht diese Zeile, es ist ca. die 12.:

Code

let path = OS.Constants.Path.libDir;

Ersetze sie durch

Code

let path = OS.Constants.Path.macUserLibDir;

und teste nochmal das gleiche.

klickman · Bildschirmfoto 2017-11-30 um 21.39.16.jpg

Was du alles aus einem so kryptischen Text rauslesen kannst...

config.js geändert, hier die Konsolenmeldung:

[attachment=0]Bildschirmfoto 2017-11-30 um 21.39.16.jpg[/attachment]

aborix

nächster Versuch:

Ersetze die Zeile durch

Code

let path = OS.Constants.Path.profileDir;

und gib den Ordner userChromeJS in den Profilordner
und mach nochmal den gleichen Test.

klickman · Bildschirmfoto 2017-11-30 um 22.17.58.jpg

Durchgeführt. Hier die Konsolenmeldung:
[attachment=0]Bildschirmfoto 2017-11-30 um 22.17.58.jpg[/attachment]

EDIT: Vielleicht eine laienhafte Idee, doch sollte in dieser einen Zeile nicht ergänzend auf den tatsächlichen Speicherort im Unterordner chrome verwiesen werden? So wie es sich für mich liest, erwartet die Funktion den Ordner userChromeJS direkt im Profilverzeichnis. So ähnlich vielleicht:
let path = OS.Constants.Path.profileDir.chrome

EDIT 2: Mein Fehler! Ordner falsch gespeichert. Wird gleich korrigiert und gebe Rückmeldung!

klickman · Bildschirmfoto 2017-11-30 um 22.39.11.jpg

So, jetzt befindet sich der Ordner userChromeJS auch tatsächlich im Profilordner und nicht, wie vorhin irrtümlich, im chrome-Ordner. Ich nehm an, das kann ich als Erfolg werten?!
[attachment=1]Bildschirmfoto 2017-11-30 um 22.37.14.jpg[/attachment]

Hier zwecks Vollständigkeit noch die Konsolenmeldung:
[attachment=0]Bildschirmfoto 2017-11-30 um 22.39.11.jpg[/attachment]

Ich glaub, so solte es nun passen. Ob es mit anderen Scripten klappt, werde ich morgen Abend testen. Für heute hab ich mal genug davon. Vielen Dank jedenfalls! :klasse:

Eine wichtige Frage hab ich aber noch zur userChrome.css und userContent.css:
Wenn ich die Dateien aus dem Dateipaket verwende, dann haben sie folgenden Inhalt:

CSS

/* userChrome.css **********************************************/


@-moz-document url-prefix(chrome://browser/content/browser.xul) {
/***************************************************************/


/* CSS-Anweisungen bitte unter diesen Kommentar eintragen. */
#fake-beispiel {
	font-color: red !important;
}


/***************************************************************/
}

Alles anzeigen

und

Code

/* userContent.css *********************************************/
/* Do not remove the @namespace line -- it's required for correct functioning
 * set default namespace to XUL
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

Wenn ich nun Anpassungen unter diesem bestehenden Inhalt einfüge, werden diese nicht ausgeführt. Konkret handelt es sich um die Anpassungen, die Aris auf Github zur Verfügung stellt. Das hatte ich ursprünglich in einer sonst leeren userChrome.css stehen, womit es funktioniert hat:

Code

/*AGENT_SHEET*/


/* Firefox 57+ userChrome.css tweaks ************************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **********/
/* by Aris (aris-addons@gmx.net)*****************************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ********************************************/
/************************************************************************************************/


/*************************************************************************************************

  CSS tweaks won't work, if '@namespace' references are used inside .css files!


*************************************************************************************************/


/************************************************************************************************/
/* about:addons *********************************************************************************/
/************************************************************************************************/


/* NOTE: 'Version number for add-ons' will soon stop working when Mozilla drops XBL support. *****
		 See https://bugzilla.mozilla.org/show_bug.cgi?id=1397874 *******************************/


/* version number for add-ons *******************************************************************/
@import url(./css/aboutaddons/addonlists_show_addon_version_number.css); /**/


/* addons page appearance - only use one at a time **********************************************/
@import url(./css/aboutaddons/addons_manager_alternative_appearance_aero.css); /**/	/* <-- AERO colors */


/* other settings *******************************************************************************/
@import url(./css/aboutaddons/description_page_alternative_content_order.css); /**/
@import url(./css/aboutaddons/recentupdates_category_always_visible.css); /**/


/************************************************************************************************/
/* about:preferences ****************************************************************************/
/************************************************************************************************/


/* preferences page appearance - only use one at a time *****************************************/
@import url(./css/aboutpreferences/preferences_alternative_appearance_aero.css); /**/	/* <-- AERO colors */


/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

Alles anzeigen

In einer sonst leeren userContent.css stand ursprünglich dieser Code (der den Einstellungs- und Erweiterungen-Tab einfärbte).

Code

/*AGENT_SHEET*/


/* Firefox 57+ userChrome.css tweaks ************************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **********/
/* by Aris (aris-addons@gmx.net)*****************************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ********************************************/
/************************************************************************************************/


/*************************************************************************************************

  CSS tweaks won't work, if '@namespace' references are used inside .css files!


*************************************************************************************************/


/************************************************************************************************/
/* about:addons *********************************************************************************/
/************************************************************************************************/


/* NOTE: 'Version number for add-ons' will soon stop working when Mozilla drops XBL support. *****
		 See https://bugzilla.mozilla.org/show_bug.cgi?id=1397874 *******************************/


/* version number for add-ons *******************************************************************/
@import url(./css/aboutaddons/addonlists_show_addon_version_number.css); /**/


/* addons page appearance - only use one at a time **********************************************/
@import url(./css/aboutaddons/addons_manager_alternative_appearance_aero.css); /**/	/* <-- AERO colors */


/* other settings *******************************************************************************/
@import url(./css/aboutaddons/description_page_alternative_content_order.css); /**/
@import url(./css/aboutaddons/recentupdates_category_always_visible.css); /**/


/************************************************************************************************/
/* about:preferences ****************************************************************************/
/************************************************************************************************/


/* preferences page appearance - only use one at a time *****************************************/
@import url(./css/aboutpreferences/preferences_alternative_appearance_aero.css); /**/	/* <-- AERO colors */


/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

Alles anzeigen

Wie gesagt, sobald vor diesen Codes noch etwas steht (wie in den heruntergeladenen Dateien), werden die Codes nicht mehr umgesetzt. Kann das hier die Ursache sein? Zitat von Aris:

Zitat

CSS tweaks won't work, if '@namespace' references are used inside .css files!

Gibts diesbezüglich eine Idee?

aborix

Zitat von klickman

Ich nehm an, das kann ich als Erfolg werten?!

Genau!
Um einen Test möchte ich dich später noch bitten, aber zuvor teile mir bitte den genauen Pfad zur config.js mit.

zur userChrome.css und userContent.css:
Gib in die Dateien nur den Code von Aris, der enthält ohnehin alles Notwendige; das andere stört anscheinend. Allerdings hast du den gleichen Code in beiden Dateien, das ist wahrscheinlich nicht richtig.

klickman · Bildschirmfoto 2017-12-01 um 17.13.54.jpg

Vorweg sorry für meine späte Antwort, ich war den ganzen Tag beruflich unterwegs.

Du hast natürlich recht, ich habe irrtümlich 2x den Aris-Code aus meiner userContent.css gepostet. Die userChrome.css sieht folgendermaßen aus:

Code

/************************************************************************************************/
/* TOOLBAR BUTTONS ******************************************************************************/
/************************************************************************************************/
/* icon appearance - only use one at a time (custom icons do not scale in HiDPI modes) **********/
@import url(./css/buttons/icons_custom_icons_fx45.css); /**/


/* bookmarks menu button - 'button & popup' appearance ******************************************/
@import url(./css/buttons/bookmarks_menu_button_localized_label_on_bookmarks_toolbar.css); /**/
@import url(./css/buttons/bookmarks_menu_button_popup_classic_appearance.css); /**/


/************************************************************************************************/
/* APPLICATION/HAMBURGER BUTTON *****************************************************************/
/************************************************************************************************/
/* application/hamburger button popup ***********************************************************/
@import url(./css/buttons/appbutton_popup_icons_colorized.css); /**/
@import url(./css/buttons/appbutton_popup_sync_hidden.css); /**/


/************************************************************************************************/
/* TABS - appearance and position ***************************************************************/
/************************************************************************************************/
@import url(./css/tabs/classic_squared_tabs_australized_aero.css); /**/	/* <-- AERO colors */


/************************************************************************************************/
/* TABS TOOLBAR POSITION (not in titlebar / not on top) *****************************************/
/************************************************************************************************/
@import url(./css/tabs/tabs_below_navigation_toolbar_aero.css); /**/	/* <-- AERO colors */


/* restore empty/missing tab favicon - only use one at a time ***********************************/
@import url(./css/tabs/missing_tab_favicon_restored_default.css); /**/


/* tab close icon settings - only use one at a time *********************************************/
@import url(./css/tabs/tab_close_hidden.css); /**/


/* other tab settings ***************************************************************************/
@import url(./css/tabs/tab_icon_colors.css); /**/


/************************************************************************************************/
/* GENERAL UI ***********************************************************************************/
/************************************************************************************************/
@import url(./css/generalui/private_mode_indicator_hidden.css); /**/
@import url(./css/generalui/bookmark_icons_colorized.css); /**/
@import url(./css/generalui/send_to_device_menuitems_hidden.css); /**/
@import url(./css/generalui/popup_animation_fade_time_reduced.css); /**/


/* findbar **************************************************************************************/
@import url(./css/generalui/findbar_show_full_quickfindbar.css); /**/


/* page context menu items: 'back', 'forward', 'reload', 'stop', 'bookmarks' ********************/
@import url(./css/generalui/context_bfrsb_labels_without_icons.css); /**/


/* SEARCHBAR ************************************************************************************/
@import url(./css/generalui/searchbar_glassplus_indicator_hidden.css); /**/
@import url(./css/generalui/searchbar_go_button_hidden.css); /**/


/************************************************************************************************/
/* TOOLBARS *************************************************************************************/
/************************************************************************************************/
/* general toolbar settings *********************************************************************/
@import url(./css/toolbars/toolbars_old_padding.css); /**/
@import url(./css/toolbars/tabs_toolbar_adjustments.css); /**/
@import url(./css/toolbars/navbar_more_compact_mode.css); /**/


/* edit target file to select which items to hide ***********************************************/
/* @import url(./css/toolbars/toolbar_context_menuitems_visibility.css); /**/


/* bookmarks toolbar ****************************************************************************/
@import url(./css/toolbars/bookmarks_toolbar_old_height.css);


/* toolbar colors - only use one at a time ******************************************************/
@import url(./css/toolbars/general_toolbar_colors_aero.css); /**/	/* <-- AERO colors */


/************************************************************************************************/
/* LOCATION BAR *********************************************************************************/
/************************************************************************************************/
@import url(./css/locationbar/locationbar_adjustments.css); /**/
@import url(./css/locationbar/compact_mode_reduce_fontsize.css); /**/
@import url(./css/locationbar/locationbar_reduce_height.css); /**/


/* autocomplete/history dropmarker **************************************************************/
@import url(./css/locationbar/dropmarker_at_the_end.css); /**/


/* additional icons/buttons and third party page action buttons *********************************/
@import url(./css/locationbar/icons_colorized.css); /**/
@import url(./css/locationbar/pageaction_separator_in_location_bar_hidden.css); /**/
@import url(./css/locationbar/zoom_button_hidden.css); /**/
@import url(./css/locationbar/go_button_in_location_bar_hidden.css); /**/


/* identity box / page identity button **********************************************************/
@import url(./css/locationbar/identitybox_replace_i_icon_with_globe.css); /**/
@import url(./css/locationbar/identitybox_colors.css); /**/


/* padlock icons in identity box / page identity button - only use one at a time ****************/
@import url(./css/locationbar/identitybox_padlock_icon_classic2.css); /**/


/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

Alles anzeigen

Wenn der Ursprungstext in den beiden Dateien nicht nötig ist, werde ich nur den Aris-Code einfügen. Allerdings habe ich dennoch ein Problem, welches ich hier beschrieben habe: https://www.camp-firefox.de/forum/viewtopi…063237#p1063237

Zitat

Um einen Test möchte ich dich später noch bitten

Sehr gerne, jederzeit!

Zitat

...zuvor teile mir bitte den genauen Pfad zur config.js mit

Klar. Er lautet "/Applications/http://Firefox.app/Contents/Resources".
Ich weiß nicht, wie vertraut du mit Pfadangaben am Mac bist. Daher: Der Slash ("/") vor Applications sagt aus, dass Applications direkt im Wurzelverzeichnis der Systemplatte liegt. [Eine Tilde ("~") würde bedeuten, dass der Pfad im Benutzerverzeichnes startet.]
Bildhaft sieht das so aus:
[attachment=2]Bildschirmfoto 2017-12-01 um 17.04.21.jpg[/attachment]

Den Pfad nach der Firefox.app, nämlich /Contents/Resources, erreicht man, indem man die Firefox.app im Programmeordner rechts anklickt und im Kontextmenü "Paketinhalt zeigen" auswählt:
[attachment=1]Bildschirmfoto 2017-12-01 um 17.13.14.jpg[/attachment]

Das Ergebnis sieht dann so aus:
[attachment=0]Bildschirmfoto 2017-12-01 um 17.13.54.jpg[/attachment]

aborix

Zitat von klickman

Vorweg sorry für meine späte Antwort, ich war den ganzen Tag beruflich unterwegs.

Das macht überhaupt nichts, ich antworte manchmal sogar erst nach ein paar Tagen.

Der Test:
Ersetze die besagte Zeile in der config.js durch diese zwei Zeilen:

Code

let path = OS.Constants.Path.libDir;
    path = OS.Path.join(OS.Path.dirname(path), "Resources");

und gib den Ordner userChromeJS wieder dorthin, wo er anfangs war; das ist der Ordner Resources, wenn ich es richtig verstanden habe.
Teste, ob die Skripte funktionieren.

Noch eine andere Frage, mach dazu bitte folgendes:
Falls die Browserkomsole offen ist, schließe sie. Dann setze in about:config devtools.chrome.enabled auf true. Dann öffne die Browserkonsole und gib unten in die Eingabezeile folgendes ein, gefolgt von der Enter-Taste:

Code

Services.appinfo.OS

Es erscheint dann eine Zeichenkette. Wie lautet sie?

klickman · Bildschirmfoto 2017-12-02 um 10.42.51.jpg

Besagte Zeile in der config.ja durch deine beiden Zeilen ersetzt und den Ordner userChromeJS wieder in den Ordner Resources (entspricht dem Installationsordner unter Windows) verschoben - Scripte funktionieren weiterhin:
[attachment=1]Bildschirmfoto 2017-12-02 um 10.43.43.jpg[/attachment]

devtools.chrome.enabled unter about:confg auf true gesetzt, Browserkonsole gestartet und in der Konsoleneingabezeile Services.appinfo.OS eingegeben. Ergebnis:
[attachment=0]Bildschirmfoto 2017-12-02 um 10.42.51.jpg[/attachment]

aborix

Vielen Dank.
Damit lässt sich jetzt die config.js so abändern, dass sie für alle Betriebssysteme passt.
Die Zeile

Code

let path = OS.Constants.Path.libDir;

wird dann ersetzt durch:

Code

let path = OS.Constants.Path.libDir;
    if (Services.appinfo.OS == 'Darwin') {  // macOS
      path = OS.Path.join(OS.Path.dirname(path), "Resources");
    };

EffPeh

aborix:
Dankeschön.
Ich habe das ZIP-File hier entsprechend angepasst: https://www.camp-firefox.de/forum/viewtopi…056442#p1056442