7Sep

De gebruikersinterface van Firefox aanpassen met userChrome.css

click fraud protection

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 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 browser add-ons kunnen nu alleen worden bereikt door het userChrome.css bestand te bewerken.

instagram viewer

Waar vindt u tweaks

Terwijl u uw eigen tweaks kunt maken als u de CSS-code begrijpt en hoe 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 demonstreren.
  • 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 de subreddit doorzoeken om de tweaks van anderen te vinden, te zien wat mensen delen en zelfs om input vragen als je een tweak niet 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, afkomstig van 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 aan het doen bent met CSS, 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 u uw userChrome.css-bestand maakt

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

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

Klik op de knop "Map openen" rechts van de profielmap om deze te openen.(Op macOS of Linux ziet u 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 - u gebruikt gewoon eenverschillende bestandsbeheer 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 & gt;Map. Noem het "chrome", druk op Enter en dubbelklik erop.

U moet Windows laten weten dat het bestandsextensies bevat, als u dit 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 Organiseren & gt;Map- en zoekopties, klik op het tabblad "Beeld" en verwijder het vinkje bij "Verberg extensies voor bekende bestandstypes".

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

Klik hier met de rechtermuisknop in het rechterdeelvenster en selecteer Nieuw & gt;Tekstdocument. Noem het "userChrome.css" en zorg ervoor dat u de extensie. txt verwijdert.

Windows zal u waarschuwen dat u de bestandsextensie verandert 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 aan met dezelfde naam.

Het bestand userChrome.css 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 Notepad ++ leuk.

Om het bestand in Kladblok te 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 aanpassingen toevoegt, moet u ze allemaal op hun eigen regels toevoegen.

Sla het bestand op als je klaar bent door op Bestand & gt;Opslaan in Kladblok.

Telkens wanneer 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 regelmatig terugkeert naar de map "chrome" om uw userChrome.css-bestand te bewerken, wilt u mogelijk een snelkoppeling op het bureaublad maken naar de map of deze toevoegen aan de mappen "Snelle toegang" in Verkenner.

Het userContent.css-bestand

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.