7Sep

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. Mens stilark normalt anvendes på websider, anvendes denne 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 filen userChrome.css.

Hvor finder du tweaks

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

Her er nogle ressourcer til at komme i gang:

  • Sample Tweaks fra userChrome.org: En kort liste over interessante tweaks, der viser 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.
  • Guide 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 browserværktøjskassen 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 profilfolder.

Hvis du vil starte din Firefox-profilmappe, skal du klikke på menuen & gt;Hjælp & gt;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 enforskellige filhåndtering og teksteditor.)

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 & gt;Folder. 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.

I Windows 8 eller 10 kan du blot klikke på fanen "View" på båndet og tjekke "File name extensions" boksen for at gøre dem synlige. I Windows 7 skal du klikke på Organiser & gt;Mappe og søgemuligheder, klik på fanen "Vis" og afmarker "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 & gt;Tekstdokument. Navngiv det "userChrome.css" og sørg for at fjerne filtypen. txt.

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

Opret en tom tekstfil med samme navn på macOS eller Linux.

Sådan rediger du userChrome.css fil

Du kan bruge en hvilken som helst tekstredigerer til at redigere filen userChrome.css. Notepad-teksteditoren medfø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, skal du gemme filen ved at klikke på Fil & gt;Gem i notesblok.

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

Hvis du selv kommer tilbage til "Chrome" -mappen ofte for at redigere din userChrome.css-fil, kan du muligvis oprette en genvej til genvej til mappen eller tilføje den til mappen "Hurtig adgang" i File Explorer.

UserContent.css Filen

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.

Hvis du vil 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 interne "indholdssider", som f.eks. Fanebladet Ny tab og Valg.

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.