Så här anpassar du Firefox användargränssnitt med userChrome.css

Firefox Quantums gränssnitt är fortfarande extremt anpassningsbart tack vare användarChrome.css-filen. Du kan redigera den här filen för att dölja oönskade menyalternativ, flytta flikfältet under navigeringsverktygsfältet, visa flera rader på verktygsfältet i bokmärken och göra andra saker som normalt inte skulle vara möjliga.

Hur det fungerar

Firefox-filen UserChrome.css är en CSS-fil (CSS) som Firefox använder. Medan stilark normalt används på webbsidor, tillämpas det här stilarket på Firefox användargränssnitt. Det låter dig ändra utseendet och layouten på allt som omger webbläsaren iteslf. Du kan inte faktiskt lägga till några funktioner; Du kan bara ändra vad som redan finns för att ändra, dölja eller flytta det.

Det här har inget att göra med Google Chrome. "Chrome" refererar till webbläsarens användargränssnitt, vilket är vad Google Chrome namngavs.

Filen UserChrome.css har funnits länge i Firefox, men den är förnyad med Firefox Quantum. Många tweaks som tidigare kan åstadkommas av webbläsartillägg kan nu bara uppnås genom att redigera filen userChrome.css.

Var hittar du Tweaks

Medan du kan skapa egna tweaks om du förstår CSS-kod och hur Firefox-gränssnittet utformades kan du också bara hitta tweaks på nätet. Om du vill göra en viss förändring, har någon annars förmodligen redan funderat hur man gör det och skrivit koden.

Här är några resurser för att komma igång:

• Exempel Tweaks från userChrome.org: En kort lista med intressanta tweaks som visar kraften hos userChrome.css.
• Classic CSS Tweaks: Ett förråd av userChrome.css tweaks från författaren till Classic Theme Restorer-utvidgningen, som inte längre fungerar på Firefox Quantum.
• userChrome Tweaks: En samling intressanta Firefox-tweaks.
• FirefoxCSS på Reddit: Denna subreddit är en community för att diskutera tweaks. Du kan söka i subreddit för att hitta andra människors tweaks, se vad folk delar och till och med fråga om inmatning om du inte kan hitta en tweak du verkligen vill ha.
• Guide till att redigera din kontextmeny: Instruktioner för att ta bort objekt från Firefox-snabbmenyn och ändra deras ordning i listan, från FirefoxCSS-subreddit.

Tänk på att äldre versioner av Firefox hade ett annat gränssnitt. Äldre userChrome.css tweaks du hittar online kanske inte fungerar på Firefox 57 och senare, även känd som Firefox Quantum.

Om du vet vad du gör med CSS kan du aktivera webbläsarverktygslådan för att inspektera Firefox-webbläsarens krom. Detta kommer att ge den information du behöver för att anpassa olika webbläsargränssnitt med din egen CSS-kod.

Så här skapar du filen UserChrome.css

Filen UserChrome.css finns inte som standard, så när du har en tweak eller två du vill prova måste du först skapa filen på lämplig plats i mappen Firefox-profil.

För att starta din Firefox-profilmapp, klicka på menyn> Hjälp> Felsökningsinformation i Firefox.

Klicka på "Öppna mapp" -knappen till höger om profilmappen för att öppna den. (På macOS eller Linux visas i stället en "Show in Finder" eller "Open Directory" -knappen. Följande instruktioner visar processen på Windows, men det är i princip detsamma på Mac och Linux-du använder bara en annan filhanterare och textredigerare.)

Om du ser en mapp som heter "krom" i profilmappen som visas dubbelklickar du på den. Men du kommer förmodligen inte, eftersom den här mappen inte skapas av moderna versioner av Firefox.

För att skapa mappen, högerklicka i den högra rutan och välj Ny> Mappa. Namnge det "krom", tryck på Enter, och dubbelklicka sedan på det.

Du måste berätta för Windows att visa filtillägg, om du inte redan har det. Windows döljer filtillägg som standard för att förenkla saker. Det här steget är inte nödvändigt på MacOS eller Linux, som visar den här informationen som standard.

På Windows 8 eller 10 kan du helt enkelt klicka på fliken "Visa" på bandet och kolla rutan "Filnamnstillägg" för att göra dem synliga. I Windows 7 klickar du på Organize> Mapp och sökalternativ, klickar på fliken "Visa" och avmarkerar "Dölj tillägg för kända filtyper".

Du kommer nu skapa filen userChrome.css, som egentligen bara är en tom textfil med .css-tillägget istället för .txt-tillägget.

För att göra det, högerklicka i den högra rutan här och välj Ny> Textdokument. Namnge det "userChrome.css" och se till att ta bort filtypen .txt.

Windows kommer att varna dig om att du ändrar filens tillägg och det kan vara ett problem för vissa typer av filer. Klicka på "Ja" för att bekräfta din ändring.

På macOS eller Linux, skapa en tom textfil med samma namn.

Så här redigerar du filen UserChrome.css

Du kan använda vilken textredigerare som helst för att redigera filen userChrome.css. Notepadtextredigeraren som ingår i Windows fungerar bara bra. Om du vill ha en mer kraftfull textredigerare med fler funktioner gillar vi Notepad++.

För att redigera filen i Anteckningsblock, högerklicka på den och välj "Redigera".

Lägg till vad som helst som du vill ha filen genom att kopiera och klistra in dem. Om du lägger till flera tweaks, var noga med att lägga till dem alla på egna linjer.

När du är klar, spara filen genom att klicka på Arkiv> Spara i Anteckningsblock.

När du ändrar din userChrome.css-fil måste du stänga alla öppna Firefox-fönster och starta om Firefox för att dina ändringar ska träda i kraft.

Om du befinner dig att komma tillbaka till mappen "Chrome" ofta för att redigera filen userChrome.css kan du skapa en skrivbordsgenväg till mappen eller lägga till den i mapparna "Snabb åtkomst" i File Explorer.

Filen UserContent.css

Firefox har också en userContent.css-fil som du kan redigera, och du kan snubbla över några tweaks som säger att de är för userContent.css-filen.

För att använda den här filen, skapa bara en fil med namnet "userContent.css" i samma mapp som din Chrome-mapp. Tweaks du placerar i den här filen påverkar Firefox: s interna "innehållssidor", som den nya fliken och alternativsidorna.

Hjälp, jag bröt något!

Om du någonsin stöter på ett problem med en tweak, kan du bara ta bort den från din userChrome.css-fil och starta om Firefox. Om det inte fungerar kan du helt radera filen userChrome.css och starta om webbläsaren för att radera alla dina ändringar och få ett nytt Firefox-gränssnitt.