Sådan tilpasser du Firefox brugergrænseflade med userChrome.css

Firefox Quantums grænseflade er stadig meget tilpasset takket være userChrome.css filen. Du kan redigere denne fil for at skjule uønskede menupunkter, flytte fanebladet under navigationsværktøjslinjen, se flere rækker på din bogmærkeværktøjslinje og gøre andre ting, som normalt ikke ville være mulige.

Sådan virker dette

Firefox's userChrome.css-fil er en cascading style sheet (CSS) -fil, som Firefox bruger. Selvom stilark normalt anvendes på websider, anvendes dette stilark til Firefox's brugergrænseflade. Det giver dig mulighed for at ændre udseendet og layoutet af alt omkring websiden iteslf. Du kan faktisk ikke tilføje nogen funktioner; Du kan kun ændre, hvad der allerede er der for at ændre, skjule eller flytte det.

Dette har intet at gøre med Google Chrome. "Chrome" refererer til brugergrænsefladen i webbrowseren, hvilket er, hvad Google Chrome blev opkaldt efter.

UserChrome.css filen har eksisteret i Firefox i lang tid, men det er taget på fornyet betydning med Firefox Quantum. Mange tweaks, der tidligere kunne opnås ved hjælp af browser tilføjelser, kan nu kun udføres ved at redigere userChrome.css filen.

Hvor finder man Tweaks

Mens du kunne oprette dine egne tweaks, hvis du forstår CSS-kode og hvordan Firefox-grænsefladen blev designet, kan du også bare finde tweaks online. Hvis du vil foretage en vis ændring, har en anden sikkert sikkert fundet ud af, hvordan man gør det og skrevet koden.

Her er nogle ressourcer til at komme i gang:

• Eksempel Tweaks fra userChrome.org: En kort liste over interessante tweaks, der demonstrerer kraften til userChrome.css.
• Classic CSS Tweaks: Et lager af userChrome.css tweaks fra forfatteren af ​​Classic Theme Restorer-udvidelsen, som ikke længere fungerer på Firefox Quantum.
• userChrome Tweaks: En samling af interessante Firefox-tweaks.
• FirefoxCSS på Reddit: Denne subreddit er et fællesskab for at diskutere tweaks. Du kan søge i subreddit for at finde andre folks tweaks, se, hvad folk deler, og endda bede om input, hvis du ikke kan finde en tweak, du virkelig vil have.
• Vejledning til redigering af din kontekstmenu: Instruktioner til fjernelse af elementer fra Firefox's kontekstmenu og ændring af deres rækkefølge på listen, taget fra FirefoxCSS subreddit.

Husk, at ældre versioner af Firefox havde en anden grænseflade. Ældre brugerChrome.css tweaks du finder online muligvis ikke fungerer på Firefox 57 og senere, også kendt som Firefox Quantum.

Hvis du ved, hvad du laver med CSS, kan du aktivere browserens værktøjskasse til at inspicere Firefox-browserenes krom. Dette vil give de oplysninger, du har brug for til at tilpasse forskellige browsergrænsefladeelementer med din egen CSS-kode.

Sådan oprettes din userChrome.css-fil

UserChrome.css-filen findes ikke som standard, så når du har en tweak eller to, du vil prøve, skal du først oprette filen på den rigtige placering i din Firefox-profilmappe.

Hvis du vil starte din Firefox-profilmappe, skal du klikke på menuen> Hjælp> Fejlfinding Information i Firefox.

Klik på knappen "Åbn mappe" til højre for profilmappen for at åbne den. (På macOS eller Linux ser du en "Show in Finder" eller "Open Directory" -knappen i stedet. Følgende instruktioner viser processen på Windows, men det er stort set den samme på Mac og Linux-du bruger bare en forskellige filhåndtering og tekstredigerer.)

Hvis du ser en mappe med navnet "chrome" i den profilmappe, der vises, skal du dobbeltklikke på den. Du vil dog sandsynligvis ikke, da denne mappe ikke er oprettet af moderne versioner af Firefox.

For at oprette mappen skal du højreklikke i den højre rude og vælge Ny> Mappe. Navngiv det "krom", tryk på Enter, og dobbeltklik derefter på det.

Du skal fortælle Windows, at du viser filudvidelser, hvis du ikke allerede har det. Windows gemmer filudvidelser som standard for at forenkle tingene. Dette trin er ikke nødvendigt på macOS eller Linux, som viser disse oplysninger som standard.

På Windows 8 eller 10 kan du blot klikke på fanen "View" på båndet og markere feltet "File name extensions" for at gøre dem synlige. I Windows 7 skal du klikke på Organiser> Mappe og søgeindstillinger, klikke på fanen "Vis" og afmarkere "Skjul udvidelser for kendte filtyper".

Du vil nu oprette filen userChrome.css, som egentlig er en tom tekstfil med .css-udvidelsen i stedet for .txt-udvidelsen.

For at gøre det skal du højreklikke i højre rude her og vælge Ny> Tekstdokument. Navngiv det "userChrome.css" og sørg for at fjerne filtypen .txt.

Windows advarer dig om, at du ændrer filens udvidelse, og det kan være et problem for bestemte typer filer. Klik på "Ja" for at bekræfte din ændring.

På macOS eller Linux skal du oprette en tom tekstfil med samme navn.

Sådan rediger du filen userChrome.css

Du kan bruge enhver tekstredigerer til at redigere filen userChrome.css. Notepad-teksteditoren, der følger med Windows, fungerer fint. Hvis du vil have en mere kraftfuld teksteditor med flere funktioner, kan vi lide Notepad++.

For at redigere filen i Notesblok skal du højreklikke på det og vælge "Rediger".

Tilføj eventuelle tweaks du vil filen ved at kopiere og indsætte dem. Hvis du tilføjer flere tweaks, skal du sørge for at tilføje dem alle på deres egne linjer.

Når du er færdig, gem filen ved at klikke på Arkiv> Gem i notesblok.

Når du redigerer din userChrome.css-fil, skal du lukke alle åbne Firefox-vinduer og genstarte Firefox, for at dine ændringer kan træde i kraft.

Hvis du finder dig selv at komme tilbage til "Chrome" -mappen ofte for at redigere din userChrome.css-fil, kan du muligvis oprette en skrivebordsgenvej til mappen eller tilføje den til mappen "Quick access" i File Explorer.

Filen UserContent.css

Firefox har også en userContent.css fil, du kan redigere, og du kan snuble over nogle tweaks, der siger, at de er til userContent.css filen.

For at bruge denne fil, skal du bare oprette en fil med navnet "userContent.css" i samme mappe som din Chrome-mappe. Tweaks du placerer i denne fil påvirker Firefox's interne "indholdssider", som f.eks. Fanebladet New Tab og Options.

Hjælp, jeg brød noget!

Hvis du nogensinde støder på et problem med en tweak, kan du bare fjerne det fra din userChrome.css-fil og genstarte Firefox. Hvis det ikke virker, kan du helt slette userChrome.css-filen og genstarte browseren for at slette alle dine ændringer og få en frisk Firefox-grænseflade.