Hjemmeside » hvordan » Slik tilpasser du Firefox brukergrensesnitt med userChrome.css

    Slik tilpasser du Firefox brukergrensesnitt med userChrome.css

    Firefox Quantum-grensesnittet er fortsatt ekstremt tilpassbart takket være userChrome.css-filen. Du kan redigere denne filen for å skjule uønskede menyelementer, flytte fanefeltet under navigasjonsverktøylinjen, se flere rader på bokmerkene, og gjøre andre ting som normalt ikke ville være mulig.

    Slik fungerer dette

    Firefox's userChrome.css-fil er en cascading style sheet (CSS) -fil som Firefox bruker. Mens stilark normalt brukes på nettsider, brukes dette spesielle stilarket til Firefox-brukergrensesnittet. Det lar deg endre utseendet og utformingen av alt rundt nettsiden iteslf. Du kan ikke faktisk legge til noen funksjoner; Du kan bare endre det som allerede er der for å endre, skjule eller flytte det.

    Dette har ingenting å gjøre med Google Chrome. "Chrome" refererer til brukergrensesnittet til nettleseren, hvilket er hva Google Chrome ble oppkalt etter.

    UserChrome.css filen har eksistert i Firefox i lang tid, men det er tatt på fornyet betydning med Firefox Quantum. Mange tweaks som tidligere kunne oppnås ved hjelp av nettleser tillegg, kan nå bare oppnås ved å redigere userChrome.css filen.

    Hvor finner du Tweaks

    Mens du kan lage dine egne tweaks hvis du forstår CSS kode og hvordan Firefox grensesnitt ble designet, kan du også bare finne tweaks online. Hvis du vil gjøre en bestemt endring, har noen andre sikkert funnet ut hvordan du gjør det og skrevet koden.

    Her er noen ressurser for å komme i gang:

    • Eksempel Tweaks fra userChrome.org: En kort liste over interessante tweaks som demonstrerer kraften til userChrome.css.
    • Classic CSS Tweaks: Et lager av userChrome.css tweaks fra forfatteren av Classic Theme Restorer-utvidelsen, som ikke lenger fungerer på Firefox Quantum.
    • userChrome Tweaks: En samling av interessante Firefox-tweaks.
    • FirefoxCSS på Reddit: Denne subreddit er et fellesskap for å diskutere tweaks. Du kan søke i subreddit for å finne andres tweaks, se hva folk deler, og til og med spørre om input hvis du ikke finner en tweak du virkelig vil ha.
    • Veiledning for redigering av kontekstmenyen: Instruksjoner for fjerning av elementer fra Firefox-kontekstmenyen og endring av rekkefølgen i listen, hentet fra FirefoxCSS subreddit.

    Husk at eldre versjoner av Firefox hadde et annet grensesnitt. Eldre userChrome.css tweaks du finner på nettet, kan kanskje ikke fungere på Firefox 57 og senere, også kjent som Firefox Quantum.

    Hvis du vet hva du gjør med CSS, kan du aktivere nettleserens verktøykasse å inspisere Chrome-nettleserens nettleser. Dette vil gi informasjonen du trenger for å tilpasse ulike nettlesergrensesnittelementer med din egen CSS-kode.

    Hvordan lage din userChrome.css-fil

    BrukerChrome.css-filen finnes ikke som standard, så når du har en tweak eller to du vil prøve, må du først opprette filen på riktig sted i Firefox-profilmappen din.

    For å starte Firefox-profilmappen din, klikk på menyen> Hjelp> Feilsøkingsinformasjon i Firefox.

    Klikk på "Åpne mappe" -knappen til høyre for Profilmappe for å åpne den. (På macOS eller Linux ser du en "Show in Finder" eller "Open Directory" -knappen i stedet. Følgende instruksjoner viser prosessen på Windows, men det er stort sett det samme på Mac og Linux-du bruker bare en annen filbehandling og tekstredigerer.)

    Hvis du ser en mappe som heter "krom" i profilmappen som vises, dobbeltklikker du på den. Men du vil sannsynligvis ikke, da denne mappen ikke er opprettet av moderne versjoner av Firefox.

    For å lage mappen, høyreklikk i den høyre ruten og velg Ny> Mappe. Gi det navnet "krom", trykk Enter, og dobbeltklikk deretter på det.

    Du må fortelle Windows å vise filutvidelser, hvis du ikke allerede har det. Windows gjemmer filutvidelser som standard for å forenkle ting. Dette trinnet er ikke nødvendig på MacOS eller Linux, som viser denne informasjonen som standard.

    På Windows 8 eller 10, kan du bare klikke på "Vis" -fanen på båndet og sjekke "Filnavn utvidelser" -boksen for å gjøre dem synlige. I Windows 7 klikker du på Organiser> Mappe og søkealternativer, klikker på "Vis" -fanen og fjerner merket "Skjul utvidelser for kjente filtyper".

    Du vil nå opprette userChrome.css filen, som egentlig bare er en tom tekstfil med .css-utvidelsen i stedet for .txt-utvidelsen.

    For å gjøre dette, høyreklikk i den høyre ruten her og velg Ny> Tekstdokument. Navngi det "userChrome.css", sørg for å fjerne filtypen .txt.

    Windows vil advare deg om at du endrer filens utvidelse, og dette kan være et problem for visse typer filer. Klikk på "Ja" for å bekrefte endringen.

    På macOS eller Linux, opprett en tom tekstfil med samme navn.

    Slik redigerer filen userChrome.css

    Du kan bruke en hvilken som helst tekstredigerer til å redigere filen userChrome.css. Notisblokkteksteditoren som følger med Windows fungerer fint. Hvis du vil ha en kraftigere tekstredigerer med flere funksjoner, liker vi Notisblokk++.

    For å redigere filen i Notisblokk, høyreklikk den og velg "Rediger".

    Legg til hvilke tweaks du vil filen ved å kopiere og lime inn dem. Hvis du legger til flere tweaks, må du legge dem alle på egen linje.

    Når du er ferdig, lagre filen ved å klikke på Arkiv> Lagre i Notisblokk.

    Når du redigerer userChrome.css filen, må du lukke alle åpne Firefox-vinduer og gjenopprette Firefox for at endringene skal tre i kraft.

    Hvis du finner deg selv tilbake til mappen "krom" ofte for å redigere filen userChrome.css, kan det hende du vil opprette en skrivebordsgenvei i mappen eller legge den til mappen "Hurtig tilgang" i Filutforsker.

    Filen UserContent.css

    Firefox har også en userContent.css-fil du kan redigere, og du kan snuble over noen tweaks som sier at de er for userContent.css filen.

    For å bruke denne filen, bare opprett en fil med navnet "userContent.css" i samme mappe som Chrome-mappen din. Tweaks du plasserer i denne filen, påvirker Firefoxs interne "innholdssider", som for eksempel fanen Ny og Alternativer.

    Hjelp, jeg brøt noe!

    Hvis du noen gang støter på et problem med en tweak, kan du bare fjerne den fra userChrome.css filen og starte Firefox på nytt. Hvis det ikke virker, kan du helt slette userChrome.css-filen og starte nettleseren for å slette alle endringene dine og få et nytt Firefox-grensesnitt.