7Sep

Hur man anpassar Firefox användargränssnitt med userChrome.css

Firefox Quantums gränssnitt är fortfarande extremt anpassningsbar 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.

Så här fungerar

Firefox användarChrome.css-fil ä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.

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

AnvändarenChrome.css-filen 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 online. 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, 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 redigering av 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 chrome. 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 din userChrome.css-fil

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 din Firefox-profilmapp.

För att starta din Firefox-profilmapp, klicka på menyn & gt;Hjälp & gt;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 enannan filhanterare och textredigerare.)

Om du ser en mapp med namnet "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 & gt;Mapp. 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. Detta steg är inte nödvändigt på MacOS eller Linux, som visar denna information som standard.

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

Du skapar nu filen userChrome.css, som egentligen bara är en tom textfil med. css-förlängningen istället för. txt-förlängningen.

Högerklicka i den högra rutan här och välj Ny & gt;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 Anteckningar, 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 & gt;Spara i anteckningsblocket.

När du redigerar filen userChrome.css måste du stänga alla öppna Firefox-fönster och starta om Firefox för att ändringarna ska träda i kraft.

Om du själv kommer tillbaka till "Chrome" -mappen ofta för att redigera filen userChrome.css, kanske du vill skapa en skrivbordsgenväg till mappen eller lägga till den i mappen "Snabb åtkomst" i File Explorer.

Den UserContent.css-filen

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.