Slik tilpasser du Firefox brukergrensesnitt med userChrome.css

Innholdsfortegnelse:

Slik tilpasser du Firefox brukergrensesnitt med userChrome.css
Slik tilpasser du Firefox brukergrensesnitt med userChrome.css

Video: Slik tilpasser du Firefox brukergrensesnitt med userChrome.css

Video: Slik tilpasser du Firefox brukergrensesnitt med userChrome.css
Video: Hva er forskjellen på Microsoft 365 Business Standard og Microsoft 365 Business Premium - YouTube 2024, April
Anonim
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 mulige.
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 mulige.

Slik fungerer dette

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

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

UserChrome.css-filen har eksistert i Firefox i lang tid, men den 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 be om innspill 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.)
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. Imidlertid vil du sannsynligvis ikke, da denne mappen ikke er opprettet av moderne versjoner av Firefox.
Hvis du ser en mappe som heter "krom" i profilmappen som vises, dobbeltklikker du på den. Imidlertid vil du 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 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.
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 merke boksen "Filnavn utvidelser" 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.
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 det, høyreklikk i høyre rute 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 lager du en tom tekstfil med samme navn.

Image
Image

Slik rediger du filen UserChrome.css

Du kan bruke 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 Notepad ++.

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å egne linjer.
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å egne linjer.
Når du er ferdig, lagre filen ved å klikke på Arkiv> Lagre i Notisblokk.
Når du er ferdig, lagre filen ved å klikke på Arkiv> Lagre i Notisblokk.
Når du endrer filen userChrome.css, må du lukke alle åpne Firefox-vinduer og gjenopprette Firefox for at endringene skal tre i kraft.
Når du endrer filen userChrome.css, 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 til mappen eller legge den til mappen "Hurtig tilgang" i Filutforsker.
Hvis du finner deg selv tilbake til mappen "krom" ofte for å redigere filen userChrome.css, kan det hende du vil opprette en skrivebordsgenvei til 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.

Anbefalt: