/ / So passen Sie die Benutzeroberfläche von Firefox mit userChrome.css an

So passen Sie die Benutzeroberfläche von Firefox mit userChrome.css an

Die Benutzeroberfläche von Firefox Quantum ist immer noch extremanpassbar dank seiner userChrome.css-Datei. Sie können diese Datei bearbeiten, um unerwünschte Menüelemente auszublenden, die Registerkartenleiste unter der Navigationssymbolleiste zu verschieben, mehrere Zeilen in der Lesezeichen-Symbolleiste anzuzeigen und andere Aktionen auszuführen, die normalerweise nicht möglich sind.

Wie das funktioniert

VERBUNDEN: Firefox Quantum „kopiert“ Chrome nicht nur: Es ist viel leistungsfähiger

Firefox-UserChrome.CSS-Datei ist eine CSS-Datei (Cascading Style Sheet), die Firefox verwendet. Während Stylesheets normalerweise auf Webseiten angewendet werden, wird dieses spezielle Stylesheet auf die Benutzeroberfläche von Firefox angewendet. Es ermöglicht Ihnen, das Erscheinungsbild und Layout von allem, was die Webseite selbst umgibt, zu ändern. Sie können tatsächlich keine Funktionen hinzufügen. Sie können nur das ändern, was bereits vorhanden ist, um es zu ändern, auszublenden oder zu verschieben.

Dies hat nichts mit Google Chrome zu tun. "Chrome" bezieht sich auf die Benutzeroberfläche des Webbrowsers, nach der Google Chrome benannt wurde.

Das userChrome.CSS-Dateien gibt es in Firefox schon seit langer Zeit, aber mit Firefox Quantum hat sie wieder an Bedeutung gewonnen. Viele Optimierungen, die zuvor mit Browser-Add-Ons durchgeführt wurden, können jetzt nur durch Bearbeiten der Datei userChrome.css durchgeführt werden.

Wo finde ich Tweaks?

Während Sie Ihre eigenen Tweaks erstellen könnten, wenn SieWenn Sie den CSS-Code verstehen und wissen, wie die Benutzeroberfläche von Firefox gestaltet wurde, können Sie auch nur Online-Optimierungen vornehmen. Wenn Sie eine bestimmte Änderung vornehmen möchten, hat wahrscheinlich bereits jemand anderes herausgefunden, wie dies zu tun ist, und den Code geschrieben.

Hier sind einige Ressourcen, die Ihnen den Einstieg erleichtern:

  • Beispiel-Tweaks von userChrome.org: Eine kurze Liste interessanter Tweaks, die die Leistungsfähigkeit von userChrome.css demonstrieren.
  • Klassische CSS-Tweaks: Ein Repository mit userChrome.css-Tweaks des Autors der Classic Theme Restorer-Erweiterung, die in Firefox Quantum nicht mehr funktioniert.
  • userChrome Tweaks: Eine Sammlung interessanter Firefox-Tweaks.
  • FirefoxCSS auf Reddit: Dieser 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 die Leute teilen, und sogar um Eingabe bitten, wenn Sie keine Tweaks finden, die Sie wirklich wollen.
  • Anleitung zum Bearbeiten Ihres Kontextmenüs: Anweisungen zum Entfernen von Elementen aus dem Firefox-Kontextmenü und zum Ändern ihrer Reihenfolge in der Liste, entnommen aus der FirefoxCSS-Subreddit.

Bedenken Sie, dass ältere Versionen von Firefox eine andere Benutzeroberfläche hatten. Ältere userChrome.css-Optimierungen, die Sie online finden, funktionieren möglicherweise nicht in Firefox 57 und höher, auch bekannt als Firefox Quantum.

Wenn Sie wissen, was Sie mit CSS machen, können SieAktivieren Sie die Browser-Toolbox, um den Chrome des Firefox-Browsers zu überprüfen. Auf diese Weise erhalten Sie die Informationen, die Sie zum Anpassen verschiedener Browseroberflächenelemente mit Ihrem eigenen CSS-Code benötigen.

So erstellen Sie Ihre userChrome.css-Datei

Das userChrome.Die CSS-Datei ist standardmäßig nicht vorhanden. Wenn Sie also ein oder zwei Optimierungen ausprobieren möchten, müssen Sie die Datei zunächst an der entsprechenden Stelle in Ihrem Firefox-Profilordner erstellen.

Um Ihren Firefox-Profilordner zu starten, klicken Sie in Firefox auf Menü> Hilfe> Informationen zur Fehlerbehebung.

Klicken Sie auf die Schaltfläche "Ordner öffnen" rechts vonProfilordner, um ihn zu öffnen. (Unter MacOS oder Linux wird stattdessen die Schaltfläche "Im Finder anzeigen" oder "Verzeichnis öffnen" angezeigt. Die folgenden Anweisungen zeigen den Vorgang unter Windows, jedoch ist er unter Mac und Linux im Prinzip derselbe. Sie verwenden lediglich eine verschiedene Dateimanager und Texteditor.)

Wenn im angezeigten Profilordner ein Ordner mit dem Namen "chrome" angezeigt wird, doppelklicken Sie darauf. Dies werden Sie jedoch wahrscheinlich nicht tun, 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> Ordner. Nennen Sie es "chrome", drücken Sie die Eingabetaste und doppelklicken Sie dann darauf.

VERBUNDEN: So erstellen Sie Windows Show-Dateierweiterungen

Sie müssen Windows anweisen, die Datei anzuzeigenErweiterungen, falls Sie dies noch nicht getan haben. Windows verbirgt standardmäßig Dateierweiterungen, um die Dinge zu vereinfachen. Dieser Schritt ist unter MacOS oder Linux nicht erforderlich, da diese Informationen standardmäßig angezeigt werden.

Unter Windows 8 oder 10 können Sie einfach auf die Schaltfläche klickenKlicken Sie im Menüband auf die Registerkarte "Ansicht" und aktivieren Sie das Kontrollkästchen "Dateinamenerweiterungen", um sie sichtbar zu machen. Klicken Sie unter Windows 7 auf "Organisieren"> "Ordner- und Suchoptionen", klicken Sie auf die Registerkarte "Ansicht" und deaktivieren Sie "Erweiterungen für bekannte Dateitypen ausblenden".

Sie erstellen jetzt die Datei userChrome.css, die eigentlich nur eine leere Textdatei mit der Erweiterung .css anstelle der Erweiterung .txt ist.

Klicken Sie hierzu mit der rechten Maustaste in den rechten Bereich und wählen Sie Neu> Textdokument. Nennen Sie es "userChrome.css", und entfernen Sie die TXT-Dateierweiterung.

Windows warnt Sie, dass Sie die Dateierweiterung ändern. Dies kann bei bestimmten Dateitypen ein Problem darstellen. 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 einen beliebigen Texteditor verwenden, um die zu bearbeitenuserChrome.css Datei. Der in Windows enthaltene Editor-Texteditor funktioniert einwandfrei. Wenn Sie einen leistungsstärkeren 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 der Datei die gewünschten Optimierungen hinzu, indem Sie sie kopieren und einfügen. Wenn Sie mehrere Optimierungen hinzufügen, müssen Sie alle in eigenen Zeilen einfügen.

Wenn Sie fertig sind, speichern Sie die Datei, indem Sie auf "Datei"> "Im Editor speichern" klicken.

Jedes Mal, wenn Sie Ihre userChrome.css-Datei bearbeiten, müssen Sie alle offenen Firefox-Fenster schließen und Firefox neu starten, damit Ihre Änderungen wirksam werden.

Wenn Sie sich wieder in das "Chrom" findenUm Ihre userChrome.css-Datei häufig zu bearbeiten, möchten Sie möglicherweise eine Desktopverknüpfung zu dem Ordner erstellen oder zu den Schnellzugriffsordnern im Datei-Explorer hinzufügen.

Die Datei userContent.css

Firefox verfügt auch über eine userContent.css-Datei, die Sie bearbeiten können. Möglicherweise stoßen Sie auf einige Optimierungen, die besagen, dass sie für die userContent.css-Datei gelten.

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 habe etwas kaputt gemacht!

Wenn Sie jemals ein Problem mit einem Tweak haben, SieSie können es einfach aus Ihrer userChrome.css-Datei 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.