De interface van Firefox Quantum is nog steeds extreem aanpasbaar dankzij het userChrome.css-bestand. U kunt dit bestand bewerken om ongewenste menu-items te verbergen, de tabbalk onder de navigatiebalk te verplaatsen, meerdere rijen op uw bladwijzerbalk te bekijken en andere dingen te doen die normaal niet mogelijk zijn.
Hoe dit werkt
VERWANT: Firefox Quantum is niet alleen Chrome “kopiëren”: het is veel krachtiger
Het userChrome.css-bestand van Firefox is een cascading style sheet (CSS) -bestand dat Firefox gebruikt. Terwijl stijlpagina’s normaal worden toegepast op webpagina’s, wordt deze specifieke stijlpagina toegepast op de gebruikersinterface van Firefox. Hiermee kunt u het uiterlijk en de lay-out wijzigen van alles rondom de webpagina iteslf. Je kunt eigenlijk geen features toevoegen; u kunt alleen wijzigen wat er al is om het te wijzigen, verbergen of verplaatsen.
Dit heeft niets te maken met Google Chrome. “Chrome” verwijst naar de gebruikersinterface van de webbrowser, waarnaar Google Chrome is vernoemd.
Het userChrome.css-bestand bestaat al een hele tijd in Firefox, maar het wordt steeds belangrijker met Firefox Quantum. Veel aanpassingen die voorheen konden worden bereikt door browser-add-ons, kunnen nu alleen worden bereikt door het bestand userChrome.css te bewerken.
Waar u aanpassingen kunt vinden
Hoewel u uw eigen tweaks zou kunnen maken als u de CSS-code begrijpt en begrijpt hoe de interface van Firefox is ontworpen, kunt u ook gewoon online tweaks vinden. Als u een bepaalde wijziging wilt aanbrengen, heeft iemand anders waarschijnlijk al bedacht hoe u dit moet doen en 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 demonstreren.
-
Klassieke CSS-tweaks: een opslagplaats van userChrome.css-tweaks van de auteur van de extensie Classic Theme Restorer, die niet langer werkt in Firefox Quantum.
-
userChrome Tweaks: een verzameling interessante Firefox-tweaks.
-
FirefoxCSS op Reddit: deze subreddit is een community voor het bespreken van tweaks. Je kunt de subreddit doorzoeken om de tweaks van andere mensen te vinden, zien wat mensen delen en zelfs om input vragen als je geen tweak kunt vinden die je echt wilt.
-
Gids 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-tweaks die u online vindt, werken mogelijk niet in Firefox 57 en hoger, ook wel Firefox Quantum genoemd.
Als u weet wat u doet met CSS, kunt u de browserwerkset inschakelen om het Chrome van de Firefox-browser te inspecteren. Dit geeft de informatie die u nodig hebt om verschillende elementen van de browserinterface aan te passen met uw eigen CSS-code.
Hoe u uw userChrome.css-bestand maakt
Het userChrome.css-bestand bestaat niet standaard, dus als je eenmaal een paar aanpassingen hebt gedaan die je wilt uitproberen, moet je het bestand eerst op de juiste locatie in je Firefox-profielmap maken.
Om uw Firefox-profielmap te starten, klikt u op menu> Help> Informatie over probleemoplossing in Firefox.
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 ‘Weergeven in Finder’ of ‘Open Directory’. De volgende instructies tonen het proces op Windows, maar het is in principe hetzelfde op Mac en Linux: je gebruikt alleen een verschillende bestandsbeheerder en teksteditor.)
Als je een map met de naam “chrome” ziet in de profielmap die verschijnt, dubbelklik er dan op. Waarschijnlijk niet, aangezien deze map niet is gemaakt door moderne versies van Firefox.
Om de map te maken, klikt u met de rechtermuisknop in het rechterdeelvenster en selecteert u Nieuw> Map. Noem het “chrome”, druk op Enter en dubbelklik erop.
VERWANT: Hoe Windows bestandsextensies laat zien
U moet Windows vertellen om u bestandsextensies te laten zien, als u dat nog niet heeft gedaan. Windows verbergt standaard bestandsextensies om dingen te vereenvoudigen. Deze stap is niet nodig op macOS of Linux, die deze informatie standaard tonen.
Op Windows 8 of 10 kunt u eenvoudig op het tabblad “Weergeven” op het lint klikken en het vakje “Bestandsnaamextensies” aanvinken om ze zichtbaar te maken. Klik in Windows 7 op Organiseren> Map- en zoekopties, klik op het tabblad “Weergeven” en verwijder het vinkje bij “Verberg extensies voor bekende bestandstypen”.
U maakt nu het bestand userChrome.css, dat eigenlijk gewoon een leeg tekstbestand is met de extensie .css in plaats van de extensie .txt.
Klik hiervoor met de rechtermuisknop in het rechterdeelvenster en selecteer Nieuw> Tekstdocument. Noem het “userChrome.css” en zorg ervoor dat u de .txt-bestandsextensie verwijdert.
Windows zal u waarschuwen dat u de bestandsextensie wijzigt en dit kan een probleem zijn voor bepaalde soorten 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 Kladblok-teksteditor die bij Windows wordt geleverd, werkt prima. Als u een krachtigere teksteditor met meer functies wilt, houden we van Notepad ++.
Om het bestand in Kladblok te bewerken, klikt u er met de rechtermuisknop op en selecteert u “Bewerken”.
Voeg de gewenste aanpassingen aan het bestand toe door ze te kopiëren en te plakken. Als u meerdere aanpassingen toevoegt, zorg er dan voor dat u ze allemaal op hun eigen regels toevoegt.
Als u klaar bent, slaat u het bestand op door op Bestand> Opslaan in Kladblok te klikken.
Elke keer dat u uw userChrome.css-bestand bewerkt, moet u alle geopende Firefox-vensters sluiten en Firefox opnieuw starten om uw wijzigingen door te voeren.
Als u merkt dat u regelmatig terugkeert naar de “chrome” -map om uw userChrome.css-bestand te bewerken, wilt u misschien een snelkoppeling op het bureaublad maken naar de map of deze toevoegen aan de “Quick access” -mappen in Verkenner.
Het userContent.css-bestand
Firefox heeft ook een userContent.css-bestand dat u kunt bewerken, en u kunt enkele tweaks tegenkomen die zeggen 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 aanbrengt, zijn van invloed op de interne “inhoudspagina’s” van Firefox, zoals de pagina’s Nieuw tabblad en Opties.
Help, ik heb iets gebroken!
Als u ooit een probleem met een tweak tegenkomt, kunt u dit gewoon uit uw userChrome.css-bestand verwijderen 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.