7Sep
Die Benutzeroberfläche von Firefox Quantum ist dank der Datei userChrome.css immer noch extrem anpassbar. Sie können diese Datei bearbeiten, um unerwünschte Menüelemente auszublenden, die Registerkartenleiste unter der Navigationsleiste zu verschieben, mehrere Zeilen in der Lesezeichen-Symbolleiste anzuzeigen und andere Dinge zu tun, die normalerweise nicht möglich wären.
So funktioniert das
Die Datei userChrome.css von Firefox ist eine CSS-Datei( Cascading Style Sheet), die von Firefox verwendet wird. Während Stylesheets normalerweise auf Webseiten angewendet werden, wird dieses spezielle Stylesheet auf die Benutzeroberfläche von Firefox angewendet. Es erlaubt Ihnen, das Aussehen und das Layout von allem, was die Webseite umgibt, zu ändern. Sie können keine Features hinzufügen. Sie können nur ändern, was bereits vorhanden ist, um es zu ändern, zu verbergen oder zu verschieben.
Das hat nichts mit Google Chrome zu tun."Chrome" bezieht sich auf die Benutzeroberfläche des Webbrowsers, nach der Google Chrome benannt wurde.
Die Datei userChrome.css existiert seit langem in Firefox, hat aber mit Firefox Quantum wieder an Bedeutung gewonnen. Viele Optimierungen, die zuvor mit Browser-Add-ons durchgeführt werden konnten, können jetzt nur durch Bearbeiten der Datei userChrome.css durchgeführt werden.
Wo man Tweaks finden kann
Während Sie Ihre eigenen Tweaks erstellen können, wenn Sie CSS-Code verstehen und wie die Firefox-Oberfläche entworfen wurde, können Sie auch nur online Verbesserungen finden. Wenn Sie eine bestimmte Änderung vornehmen möchten, hat wahrscheinlich jemand anders bereits herausgefunden, wie es geht, und den Code geschrieben.
Hier sind einige Ressourcen, die Ihnen den Einstieg erleichtern:
- Sample Tweaks von userChrome.org: Eine kurze Liste interessanter Verbesserungen, die die Leistungsfähigkeit von userChrome.css demonstrieren.
- Klassische CSS-Tweaks: Eine Sammlung von userChrome.css-Tweaks vom Autor der Erweiterung "Classic Theme Restorer", die in Firefox Quantum nicht mehr funktioniert.
- userChrome Tweaks: Eine Sammlung interessanter Firefox Tweaks.
- FirefoxCSS auf Reddit: Dieses Subreddit ist eine Community zur Diskussion von Tweaks. Sie können das Subreddit durchsuchen, um die Tweaks anderer Leute zu finden, um zu sehen, was Leute teilen, und sogar nach Eingabe fragen, wenn Sie keine Optimierung finden, die Sie wirklich wollen.
- Anleitung zum Bearbeiten Ihres Kontextmenüs: Anweisungen zum Entfernen von Elementen aus dem Firefox-Kontextmenü und zum Ändern der Reihenfolge in der Liste aus dem FirefoxCSS-Subreddit.
Bedenken Sie, dass ältere Versionen von Firefox eine andere Schnittstelle hatten.Ältere Änderungen von userChrome.css, die Sie online finden, funktionieren möglicherweise nicht mit Firefox 57 und höher, auch bekannt als Firefox Quantum.
Wenn Sie wissen, was Sie mit CSS machen, können Sie die Browser-Toolbox aktivieren, um den Chrome-Browser des Firefox-Browsers zu überprüfen. Dies liefert die Informationen, die Sie benötigen, um verschiedene Browser-Interface-Elemente mit Ihrem eigenen CSS-Code anzupassen.
So erstellen Sie Ihre userChrome.css-Datei
Die Datei userChrome.css ist standardmäßig nicht vorhanden. Wenn Sie also ein oder zwei Tweaks ausprobieren möchten, müssen Sie die Datei zunächst an der entsprechenden Position in Ihrem Firefox-Profil erstellenMappe.
Um Ihren Firefox-Profilordner zu starten, klicken Sie auf das Menü & gt;Hilfe & gt;Informationen zur Fehlerbehebung in Firefox
Klicken Sie auf die Schaltfläche "Ordner öffnen" rechts neben dem Profilordner, um sie zu öffnen.(Unter macOS oder Linux wird stattdessen die Schaltfläche "Im Finder anzeigen" oder "Verzeichnis öffnen" angezeigt. Die folgenden Anweisungen zeigen den Prozess unter Windows, aber im Grunde ist es auf Mac und Linux identisch - Sie verwenden nur einenverschiedener Dateimanager und Texteditor.)
Wenn Sie im erscheinenden Profilordner einen Ordner namens "chrome" sehen, doppelklicken Sie darauf. Wahrscheinlich werden Sie das aber nicht, da dieser Ordner nicht von modernen Firefox-Versionen erstellt wird.
Um den Ordner zu erstellen, klicken Sie mit der rechten Maustaste in den rechten Bereich und wählen Sie Neu & gt;Mappe. Nennen Sie es "chrome", drücken Sie die Eingabetaste und doppelklicken Sie darauf.
Sie müssen Windows mitteilen, dass Sie die Dateierweiterungen anzeigen möchten, falls Sie dies nicht bereits getan haben. Windows verbirgt Dateierweiterungen standardmäßig, um Dinge zu vereinfachen. Dieser Schritt ist unter Mac OS oder Linux nicht notwendig, da diese Informationen standardmäßig angezeigt werden.
Unter Windows 8 oder 10 können Sie einfach auf die Registerkarte "Ansicht" in der Multifunktionsleiste klicken und das Kontrollkästchen "Dateinamenerweiterungen" aktivieren, um sie sichtbar zu machen. Unter Windows 7 klicken Sie auf Organisieren & gt;Ordner und Suchoptionen, klicken Sie auf die Registerkarte "Ansicht" und deaktivieren Sie "Erweiterungen für bekannte Dateitypen ausblenden".
Sie werden jetzt die Datei userChrome.css erstellen, die eigentlich nur eine leere Textdatei mit der Erweiterung. css anstelle der Erweiterung. txt ist.
Klicken Sie dazu mit der rechten Maustaste in den rechten Bereich und wählen Sie Neu & gt;Text dokument. Nennen Sie es "userChrome.css" und achten Sie darauf, die Dateierweiterung. txt zu entfernen.
Windows warnt Sie, dass Sie die Dateierweiterung ändern, und dies kann ein Problem für bestimmte Dateitypen sein. Klicken Sie auf "Ja", um Ihre Änderung zu bestätigen.
Erstellen Sie unter macOS oder Linux eine leere Textdatei mit demselben Namen.
So bearbeiten Sie die Datei userChrome.css
Sie können die Datei userChrome.css mit einem beliebigen Texteditor bearbeiten. Der Notepad-Texteditor, der in Windows enthalten ist, funktioniert einwandfrei. Wenn Sie einen leistungsfähigeren Texteditor mit mehr Funktionen wünschen, mögen wir Notepad ++.
Um die Datei im Editor zu bearbeiten, klicken Sie mit der rechten Maustaste darauf und wählen Sie "Bearbeiten".
Fügen Sie die gewünschten Optimierungen der Datei hinzu, indem Sie sie kopieren und einfügen. Wenn Sie mehrere Optimierungen hinzufügen, müssen Sie sie alle in ihren eigenen Zeilen hinzufügen.
Sobald Sie fertig sind, speichern Sie die Datei, indem Sie auf Datei & gt;Im Editor speichern.
Wenn Sie Ihre userChrome.css-Datei bearbeiten, müssen Sie alle geöffneten Firefox-Fenster schließen und Firefox neu starten, damit Ihre Änderungen wirksam werden.
Wenn Sie häufig zum "chrome" -Ordner zurückkehren, um Ihre userChrome.css-Datei zu bearbeiten, können Sie eine Desktopverknüpfung für den Ordner erstellen oder sie den Ordnern "Schnellzugriff" im Datei-Explorer hinzufügen.
Die userContent.css-Datei
Firefox hat auch eine userContent.css-Datei, die Sie bearbeiten können, und Sie können über einige Optimierungen stolpern, die sagen, dass sie für die userContent.css-Datei sind.
Um diese Datei zu verwenden, erstellen Sie einfach eine Datei mit dem Namen "userContent.css" im selben Ordner wie Ihr Chrome-Ordner. Optimierungen, die Sie in dieser Datei vornehmen, wirken sich auf die internen "Inhaltsseiten" von Firefox aus, z. B. auf die Seiten "Neuer Tab" und "Optionen".
Hilfe, ich brach etwas!
Wenn Sie jemals auf ein Problem mit einem Tweak stoßen, können Sie es einfach aus der Datei userChrome.css entfernen und Firefox neu starten. Wenn dies nicht funktioniert, können Sie die Datei userChrome.css vollständig löschen und den Browser neu starten, um alle Ihre Änderungen zu löschen und eine neue Firefox-Oberfläche zu erhalten.
