Firefoxin käyttöliittymän mukauttaminen userChrome.css: n avulla

Sisällysluettelo:

Firefoxin käyttöliittymän mukauttaminen userChrome.css: n avulla
Firefoxin käyttöliittymän mukauttaminen userChrome.css: n avulla

Video: Firefoxin käyttöliittymän mukauttaminen userChrome.css: n avulla

Video: Firefoxin käyttöliittymän mukauttaminen userChrome.css: n avulla
Video: What is a Server? Servers vs Desktops Explained - YouTube 2024, Huhtikuu
Anonim
Firefox Quantumin käyttöliittymä on edelleen erittäin muokattavissa sen userChrome.css-tiedoston ansiosta. Voit muokata tätä tiedostoa piilottaaksesi ei-toivotut valikkokohteet, siirrä välilehtipalkki navigointipalkin alapuolelle, tarkastella useita rivejä kirjanmerkkien työkalupalkissa ja tehdä muita asioita, jotka eivät yleensä olisi mahdollisia.
Firefox Quantumin käyttöliittymä on edelleen erittäin muokattavissa sen userChrome.css-tiedoston ansiosta. Voit muokata tätä tiedostoa piilottaaksesi ei-toivotut valikkokohteet, siirrä välilehtipalkki navigointipalkin alapuolelle, tarkastella useita rivejä kirjanmerkkien työkalupalkissa ja tehdä muita asioita, jotka eivät yleensä olisi mahdollisia.

Kuinka tämä toimii

Firefoxin userChrome.css-tiedosto on CSS-tiedosto, jota Firefox käyttää. Vaikka tyyliarkeja käytetään tavallisesti verkkosivuihin, tämä tyyliarkki on käytössä Firefoxin käyttöliittymässä. Sen avulla voit muuttaa ulkoasun ulkoasua ja ulkoasua. Et voi itse lisätä mitään ominaisuuksia; voit muokata vain mitä siellä on jo muutettava, piilottava tai siirrettävissä.

Tällä ei ole mitään tekemistä Google Chrome -palvelun kanssa. "Chrome" tarkoittaa selaimen käyttöliittymää, jonka nimi on Google Chrome.

UserChrome.css-tiedosto on ollut olemassa Firefoxissa jo pitkään, mutta se on otettu uudestaan tärkeäksi Firefox Quantum -ohjelmistolla. Selaimen lisäosien aikaisemmin tekemät parannukset voidaan nyt toteuttaa vain muokkaamalla userChrome.css-tiedostoa.

Mistä löytää Tweaks

Vaikka voisit luoda omia tweaksia, jos ymmärrät CSS-koodin ja kuinka Firefoxin käyttöliittymä on suunniteltu, voit myös löytää vain verkonmuutoksia. Jos haluat tehdä tiettyä muutosta, joku muu on luultavasti jo selvittänyt, miten se tehdään ja kirjoitetaan koodi.

Seuraavassa on joitain resursseja, joilla pääset alkuun:

  • Näyte Tweaks from userChrome.org: Lyhyt luettelo mielenkiintoisista tweaksista, jotka osoittavat käyttäjänChrome.css: n voiman.
  • Classic CSS Tweaks: UserChrome.css: n arkisto korjaa klassisen teemaryhmän laajennuksen tekijän, joka ei enää toimi Firefox Quantum -ohjelmassa.
  • userChrome Tweaks: Kokoelma mielenkiintoisia Firefox-tweaksia.
  • FirefoxCSS on Reddit: Tämä subreddit on yhteisö keskustelemaan parannuksista. Voit etsiä subreddit löytää muiden ihmisten tweaks, katso, mitä ihmiset jakavat, ja jopa pyytää panosta, jos et löydä vinkkejä haluat todella.
  • Oppaat muokkaamalla kontekstivalikkoasi: Ohjeet kohteiden poistamiseen Firefoxin pikavalikosta ja järjestyksen muuttamisesta luettelosta, joka on otettu FirefoxCSS subreddilta.

Muista, että vanhemmilla Firefox-versioilla oli eri käyttöliittymä. Internetistä löytyneet vanhentuneet userChrome.css -vaihdot eivät välttämättä toimi Firefox 57: ssä ja uudemmissa, jotka tunnetaan myös nimellä Firefox Quantum.

Jos tiedät, mitä teet CSS: llä, voit ottaa selaimen työkalupalkkiin tarkistaa Firefoxin selaimen kromin. Tämä antaa sinulle tarvittavat tiedot muokataksesi erilaisia selaimen käyttöliittymän elementtejä omalla CSS-koodillasi.

Miten luodaan userchrome.css-tiedosto

UserChrome.css-tiedostoa ei ole oletusarvoisesti, joten kun olet kokeilemassa tai kahdella kokeilla, sinun on ensin luotava tiedosto sopivaan paikkaan Firefox-profiilikansioon.

Käynnistä Firefox-profiilikansio napsauttamalla valikkoa> Ohjeet> Vianetsintätiedot Firefoxissa.

Avaa se napsauttamalla profiilikansioiden oikealla puolella olevaa "Avaa kansio" -painiketta. (MacOS tai Linuxissa näet "Show in Finder" tai "Open Directory" -painikkeen sijaan. Seuraavat ohjeet esittävät prosessin Windowsissa, mutta se on pohjimmiltaan sama Macissa ja Linuxissa - käytät vain eri tiedostonhallinta ja tekstieditori.)
Avaa se napsauttamalla profiilikansioiden oikealla puolella olevaa "Avaa kansio" -painiketta. (MacOS tai Linuxissa näet "Show in Finder" tai "Open Directory" -painikkeen sijaan. Seuraavat ohjeet esittävät prosessin Windowsissa, mutta se on pohjimmiltaan sama Macissa ja Linuxissa - käytät vain eri tiedostonhallinta ja tekstieditori.)
Jos näet näkyviin tulevan profiilikansioon nimeltä kromi, kaksoisnapsauta sitä. Sinun ei kuitenkaan todennäköisesti tule, koska nykyiset versiot Firefox eivät luo tätä kansiota.
Jos näet näkyviin tulevan profiilikansioon nimeltä kromi, kaksoisnapsauta sitä. Sinun ei kuitenkaan todennäköisesti tule, koska nykyiset versiot Firefox eivät luo tätä kansiota.

Luo kansio hiiren kakkospainikkeella oikeanpuoleisessa ruudussa ja valitse Uusi> Kansio. Anna se "kromi", paina Enter-näppäintä ja kaksoisnapsauta sitä.

Sinun on kerrottava Windowsille, että voit näyttää tiedostojen laajennukset, jos et ole jo aiemmin. Windows kätkee tiedostojen laajennukset oletusarvoisesti yksinkertaistamaan asioita. Tämä vaihe ei ole tarpeen macOS: lla tai Linuxilla, jotka näyttävät nämä tiedot oletuksena.
Sinun on kerrottava Windowsille, että voit näyttää tiedostojen laajennukset, jos et ole jo aiemmin. Windows kätkee tiedostojen laajennukset oletusarvoisesti yksinkertaistamaan asioita. Tämä vaihe ei ole tarpeen macOS: lla tai Linuxilla, jotka näyttävät nämä tiedot oletuksena.

Windows 8: ssä tai 10: ssä voit yksinkertaisesti klikata nauhan "Näytä" -välilehteä ja tarkistaa "Tiedostonimi laajennukset" -ruutu, jotta ne näkyvät. Valitse Windows 7: ssä Organize> Folder and search options, napsauta View-välilehteä ja poista valinta "Piilota tunnettujen tiedostotyyppien laajennukset".

Image
Image

Nyt luo userchrome.css-tiedosto, joka on oikeastaan vain tyhjä tekstitiedosto, jossa on.css-laajennus.txt-laajennuksen sijasta.

Voit tehdä tämän napsauttamalla oikeanpuoleista ruutua hiiren kakkospainikkeella ja valitsemalla Uusi> Tekstitiedosto. Nimeä se "userChrome.css" poistamalla.txt-tiedostopääte.

Windows varoittaa sinua muuttaaksenne tiedoston laajennusta, ja tämä voi olla ongelma tietyille tiedostotyypeille. Vahvista muutos valitsemalla Kyllä.

MacOS tai Linux, luo tyhjän tekstitiedoston, jolla on sama nimi.

Image
Image

Kuinka muokata userChrome.css-tiedostoa

Voit muokata userChrome.css-tiedostoa minkä tahansa tekstieditorin avulla. Windowsin mukana toimitettu Notepad-tekstieditori toimii hienosti. Jos haluat tehokkaamman tekstieditorin, jolla on enemmän ominaisuuksia, pidämme Notepad ++ -ohjelmistosta.

Muokkaa tiedostoa Muistio-ohjelmassa napsauttamalla sitä hiiren kakkospainikkeella ja valitsemalla Muokkaa.

Lisää haluamasi tiedostomuotoja kopioimalla ja liittämällä ne sisään. Jos lisäät useita muokkauksia, muista lisätä ne kaikki omilla rivillään.
Lisää haluamasi tiedostomuotoja kopioimalla ja liittämällä ne sisään. Jos lisäät useita muokkauksia, muista lisätä ne kaikki omilla rivillään.
Kun olet valmis, tallenna tiedosto valitsemalla Tiedosto> Tallenna muistiossa.
Kun olet valmis, tallenna tiedosto valitsemalla Tiedosto> Tallenna muistiossa.
Aina kun muokkaat userChrome.css-tiedostoa, sinun on suljettava kaikki avoimet Firefox-ikkunat ja käynnistettävä Firefox uudelleen, jotta muutokset tulevat voimaan.
Aina kun muokkaat userChrome.css-tiedostoa, sinun on suljettava kaikki avoimet Firefox-ikkunat ja käynnistettävä Firefox uudelleen, jotta muutokset tulevat voimaan.
Jos löydät itsesi takaisin "chrome" -kansioon usein muokkaaksesi userChrome.css-tiedostoa, voit luoda työpöydän pikakuvakkeen kansioon tai lisätä sen tiedostopäällikön "Pikakäyttäjät" -kansiin.
Jos löydät itsesi takaisin "chrome" -kansioon usein muokkaaksesi userChrome.css-tiedostoa, voit luoda työpöydän pikakuvakkeen kansioon tai lisätä sen tiedostopäällikön "Pikakäyttäjät" -kansiin.

UserContent.css-tiedosto

Firefoxilla on myös käyttäjäkoostumus.css-tiedosto, jota voit muokata, ja saatat törmätä sellaisiin tweakseihin, jotka sanovat olevan userContent.css-tiedostolle.

Voit käyttää tätä tiedostoa vain luoda tiedosto nimeltä "userContent.css" samaan kansioon kuin Chrome-kansio. Tässä tiedostossa olevat tweaksit vaikuttavat Firefoxin sisäisiin "sisältö sivuihin", kuten Uusi välilehti ja Valinnat-sivut.

Apua, olen rikkonut jotain!

Jos sinulla on koskaan ongelmia vikaseuran kanssa, voit vain poistaa sen käyttäjän UserChrome.css-tiedostosta ja käynnistää Firefox uudelleen. Jos tämä ei onnistu, voit poistaa koko käyttäjäkromi.css-tiedoston ja käynnistää selain uudelleen kaikkien muutosten poistamiseksi ja uuden Firefox-käyttöliittymän hankkimiseksi.

Suositeltava: