De gebruikersinterface van Firefox aanpassen met userChrome.css

De interface van Firefox Quantum is nog steeds uiterst aanpasbaar dankzij het userChrome.css-bestand. U kunt dit bestand bewerken om ongewenste menu-items te verbergen, de tabbladbalk onder de navigatiebalk te verplaatsen, meerdere rijen op uw bladwijzerwerkbalk te bekijken en andere dingen te doen die normaal gesproken niet mogelijk zijn.

Hoe dit werkt

Het userChrome.css-bestand van Firefox is een cascading style sheet (CSS) -bestand dat door Firefox wordt gebruikt. Hoewel stylesheets normaal worden toegepast op webpagina's, wordt dit specifieke stylesheet toegepast op de gebruikersinterface van Firefox. Hiermee kunt u het uiterlijk en de lay-out van alles rondom de webpagina iteslf wijzigen. Je kunt eigenlijk geen functies toevoegen; je kunt alleen wijzigen wat er al is om het te veranderen, te verbergen of te verplaatsen.

Dit heeft niets met Google Chrome te maken. "Chrome" verwijst naar de gebruikersinterface van de webbrowser, waarnaar Google Chrome is vernoemd.

Het userChrome.css-bestand bestaat al lang in Firefox, maar het is met Firefox Quantum opnieuw van belang geworden. Veel tweaks die eerder konden worden bereikt door invoegtoepassingen voor browsers, kunnen nu alleen worden bereikt door het bestand userChrome.css te bewerken..

Waar vind ik tweaks

Hoewel u uw eigen aanpassingen kunt maken als u de CSS-code begrijpt en de interface van Firefox is ontworpen, kunt u ook tweaks online vinden. Als u een bepaalde wijziging wilt aanbrengen, heeft iemand anders waarschijnlijk al uitgevonden hoe het moet en heeft de code geschreven.

Hier zijn enkele bronnen om u op weg te helpen:

Voorbeeld Tweaks van userChrome.org: Een korte lijst met interessante tweaks die de kracht van userChrome.css laten zien.
Klassieke CSS-tweaks: een repository van userChrome.css tweaks van de auteur van de Classic Theme Restorer-extensie, die niet langer werkt op Firefox Quantum.
userChrome Tweaks: een verzameling interessante tweaks van Firefox.
FirefoxCSS op Reddit: deze subreddit is een community voor het bespreken van tweaks. Je kunt in de subreddit zoeken om de tweaks van andere mensen te vinden, te zien wat mensen delen en zelfs om input vragen als je geen tweak kunt vinden die je echt wilt.
Handleiding voor het bewerken van uw contextmenu: instructies voor het verwijderen van items uit het contextmenu van Firefox en het wijzigen van hun volgorde in de lijst, overgenomen uit de FirefoxCSS-subreddit.

Houd er rekening mee dat oudere versies van Firefox een andere interface hadden. Oudere userChrome.css-aanpassingen die u online vindt, werken mogelijk niet op Firefox 57 en later, ook wel Firefox Quantum genoemd.

Als u weet wat u met CSS doet, kunt u de browser-toolbox inschakelen om de Chrome-instellingen van de Firefox-browser te bekijken. Dit biedt de informatie die u nodig hebt om verschillende elementen van de browserinterface aan te passen met uw eigen CSS-code.

Hoe uw userChrome.css bestand te maken

Het userChrome.css-bestand bestaat niet standaard, dus als u eenmaal een tweet of twee hebt die u wilt uitproberen, moet u eerst het bestand maken op de juiste locatie in uw Firefox-profielmap.

Klik op menu> Help> Informatie over het oplossen van problemen in Firefox om uw Firefox-profielmap te starten.

Klik op de knop "Map openen" rechts van de profielmap om deze te openen. (Op macOS of Linux zie je in plaats daarvan de knop "Show in Finder" of "Open Directory". De volgende instructies laten het proces zien in Windows, maar het is in principe hetzelfde op Mac en Linux - je zult gewoon een verschillende bestandsbeheerder en teksteditor.)

Als u een map met de naam "chrome" ziet in de profielmap die verschijnt, dubbelklikt u erop. Dat zal u waarschijnlijk niet doen, omdat deze map niet is gemaakt door moderne versies van Firefox.

Als u de map wilt maken, klikt u met de rechtermuisknop in het rechterdeelvenster en selecteert u Nieuw> Map. Noem het "chrome", druk op Enter en dubbelklik erop.

U moet Windows laten weten dat het bestandsextensies bevat, als u dat nog niet hebt gedaan. Windows verbergt standaard bestandsuitbreidingen om dingen eenvoudiger te maken. Deze stap is niet nodig op macOS of Linux, die standaard deze informatie tonen.

Op Windows 8 of 10 kunt u eenvoudig op het tabblad "Weergave" op het lint klikken en het vakje "Bestandsnaamextensies" aanvinken om ze zichtbaar te maken. Klik in Windows 7 op Indelen> Map en zoekopties, klik op het tabblad "Beeld" en schakel "Verberg extensies voor bekende bestandstypen" uit.

U maakt nu het userChrome.css-bestand, dat eigenlijk alleen een leeg tekstbestand is met de extensie .css in plaats van de extensie.txt.

Hiertoe klikt u met de rechtermuisknop in het rechterdeelvenster en selecteert u Nieuw> Tekstdocument. Noem het "userChrome.css" en zorg ervoor dat u de extensie .txt verwijdert.

Windows zal u waarschuwen dat u de bestandsextensie wijzigt en dit kan een probleem zijn voor bepaalde typen bestanden. Klik op "Ja" om uw wijziging te bevestigen.

Maak op macOS of Linux een leeg tekstbestand met dezelfde naam.

Hoe het userChrome.css bestand te bewerken

U kunt elke teksteditor gebruiken om het bestand userChrome.css te bewerken. De teksteditor van het Kladblok bij Windows werkt prima. Als je een krachtigere teksteditor met meer functies wilt, vinden we Kladblok leuk++.

Als u het bestand in Kladblok wilt bewerken, klikt u er met de rechtermuisknop op en selecteert u 'Bewerken'..

Voeg de gewenste tweaks toe aan het bestand door ze te kopiëren en te plakken. Als u meerdere tweaks toevoegt, moet u ze allemaal op hun eigen regels toevoegen.

Als u klaar bent, slaat u het bestand op door op Bestand> Opslaan in Kladblok te klikken.

Telkens wanneer u uw userChrome.css-bestand bewerkt, moet u alle geopende Firefox-vensters sluiten en Firefox opnieuw starten voordat uw wijzigingen van kracht worden.

Als u regelmatig terugkeert naar de map "chrome" om uw userChrome.css-bestand te bewerken, kunt u een snelkoppeling op het bureaublad naar de map maken of deze toevoegen aan de map "Snelle toegang" in Verkenner.

Het bestand userContent.css

Firefox heeft ook een userContent.css-bestand dat u kunt bewerken, en u kunt enkele tweaks tegenkomen die aangeven dat ze voor het userContent.css-bestand zijn.

Om dit bestand te gebruiken, maakt u gewoon een bestand met de naam "userContent.css" in dezelfde map als uw Chrome-map. Tweaks die u in dit bestand plaatst, zijn van invloed op de interne 'inhoudspagina's' van Firefox, zoals de pagina 'Nieuw tabblad' en 'Opties'.

Help, ik brak iets!

Als u ooit een probleem tegenkomt met een aanpassing, kunt u het gewoon verwijderen uit uw userChrome.css-bestand en Firefox opnieuw starten. Als dat niet werkt, kunt u het bestand userChrome.css volledig verwijderen en de browser opnieuw starten om al uw wijzigingen te wissen en een nieuwe Firefox-interface te krijgen.