Firefoxin käyttöliittymän mukauttaminen käyttäjänChrome.css kanssa

Firefox Quantumin käyttöliittymä on edelleen äärimmäisen muokattavissa käyttäjänChrome.css-tiedoston ansiosta. Voit muokata tätä tiedostoa piilottaaksesi ei-toivotut valikkokohdat, siirtää välilehtipalkin navigointityökalurivin alapuolelle, katsella useita rivejä kirjanmerkkityökalurivillä ja tehdä muita asioita, joita ei tavallisesti olisi mahdollista.

Miten tämä toimii

Firefoxin userChrome.css-tiedosto on CSS-tiedosto, jota Firefox käyttää. Vaikka tyylisivuja käytetään yleensä verkkosivuilla, tätä tiettyä tyylisivua sovelletaan Firefoxin käyttöliittymään. Sen avulla voit muuttaa kaiken verkkosivustoa ympäröivän ulkoasun ja ulkoasun. Et voi itse lisätä mitään ominaisuuksia; voit muokata vain sitä, mitä siellä on, jos haluat muuttaa, piilottaa tai siirtää sitä.

Tällä ei ole mitään tekemistä Google Chromen kanssa. "Chrome" viittaa web-selaimen käyttöliittymään, joka on Google Chromen nimi.

UserChrome.css-tiedosto on ollut Firefoxissa jo pitkään, mutta Firefox Quantumilla se on uudistettu. Monet selaimet, joita selaimen lisäosat voivat aikaisemmin suorittaa, voidaan nyt tehdä vain muokkaamalla userChrome.css-tiedostoa.

Mistä löytää Tweaks

Vaikka voit luoda omia tweaksit, jos ymmärrät CSS-koodin ja miten Firefoxin käyttöliittymä on suunniteltu, voit myös löytää tweaksia verkossa. Jos haluat tehdä tietyn muutoksen, joku muu on luultavasti jo selvittänyt, miten se tehdään ja kirjoitettu koodi.

Seuraavassa on joitakin resursseja aloittaaksesi:

• Näyte Tweaks from userChrome.org: Lyhyt luettelo mielenkiintoisista tweaksista, jotka osoittavat userChrome.css: n voiman.
• Classic CSS Tweaks: UserChrome.css-tietovarasto kertoo Classic Theme Restorerin laajennuksen tekijästä, joka ei enää toimi Firefox Quantumissa.
• userChrome Tweaks: Kokoelma mielenkiintoisia Firefox-tweakteja.
• FirefoxCSS on Reddit: Tämä subreddit on yhteisö keskustelemaan tweaksista. Voit etsiä subredditistä löytääksesi muiden ihmisten tweaksit, nähdä, mitä ihmiset jakavat, ja jopa pyytää syötettä, jos et löydä sellaista säätämistä, jota todella haluat.
• Opas kontekstivalikon muokkaamiseen: ohjeet kohteiden poistamiseksi Firefoxin kontekstivalikosta ja niiden järjestyksen muuttaminen luettelosta, otettu FirefoxCSS-subredditistä.

Muista, että Firefoxin vanhemmilla versioilla oli erilainen käyttöliittymä. Vanhemmat userChrome.css tweaksit, joita löydät verkossa, eivät välttämättä toimi Firefox 57: ssä ja uudemmissa, tunnetaan myös nimellä Firefox Quantum.

Jos tiedät, mitä olet tekemässä CSS: n kanssa, voit ottaa selaimen työkalupakin tarkastamaan Firefox-selaimen kromin. Näin saat tietoja, joita sinun tarvitsee mukauttaa eri selaimen liitäntäelementteihin omalla CSS-koodilla.

KäyttäjänChrome.css-tiedoston luominen

UserChrome.css-tiedostoa ei ole oletusarvoisesti, joten kun sinulla on tuttu tai kaksi haluat kokeilla, sinun on ensin luotava tiedosto sopivaan paikkaan Firefox-profiilikansion sisällä.

Voit käynnistää Firefox-profiilikansion napsauttamalla valikkoa> Ohjeet> Firefoxin vianmääritystiedot.

Voit avata sen napsauttamalla Profiilikansion oikealla puolella olevaa Avaa kansio-painiketta. (MacOSissa tai Linuxissa näet sen sijaan "Näytä Finderissa" tai "Open Directory" -painikkeen. Seuraavat ohjeet osoittavat prosessin Windowsissa, mutta se on pohjimmiltaan sama Macissa ja Linuxissa. eri tiedostonhallinta ja tekstieditori.)

Jos näkyviin tulevassa profiilikansion kohdassa näkyy kansio nimeltä "chrome", kaksoisnapsauta sitä. Et kuitenkaan todennäköisesti, koska Firefoxin nykyiset versiot eivät luo tätä kansiota.

Luo kansio napsauttamalla hiiren kakkospainikkeella oikeassa ruudussa ja valitsemalla Uusi> Kansio. Nimeä sille "kromi", paina Enter ja kaksoisnapsauta sitä.

Sinun täytyy kertoa Windowsille, että haluat näyttää tiedostotunnisteet, jos et ole jo tehnyt sitä. Windows piilottaa tiedostojen laajennukset oletusarvoisesti yksinkertaistamaan asioita. Tämä vaihe ei ole välttämätön MacOS- tai Linux-käyttöjärjestelmässä, joka näyttää nämä tiedot oletusarvoisesti.

Windows 8: ssa tai 10: ssä voit yksinkertaisesti klikata "Näytä" -välilehteä nauhalla ja tarkista "Tiedostonimi-laajennukset" -ruutu, jotta ne näkyvät. Valitse Windows 7: ssä Järjestä> Kansio- ja hakuvaihtoehdot, napsauta Näytä-välilehteä ja poista valinta "Piilota tunnettujen tiedostotyyppien laajennukset".

Luodaan nyt userChrome.css-tiedosto, joka on vain tyhjä tekstitiedosto, jonka .css-laajennus on .txt-laajennuksen sijaan..

Voit tehdä sen napsauttamalla hiiren kakkospainikkeella oikeanpuoleisessa ruudussa ja valitsemalla Uusi> Tekstidokumentti. Anna sille nimi ”userChrome.css” ja poista .txt-tiedostotunniste.

Windows varoittaa, että muutat tiedoston laajennusta, ja tämä saattaa olla ongelma tietyntyyppisissä tiedostoissa. Vahvista muutos napsauttamalla Kyllä.

Luo MacOS- tai Linux-tiedostossa tyhjä tekstitiedosto, jolla on sama nimi.

UserChrome.css-tiedoston muokkaaminen

Voit muokata userChrome.css-tiedostoa minkä tahansa tekstieditorin avulla. Windowsin mukana toimitettu Muistio-tekstieditori toimii hyvin. Jos haluat tehokkaamman tekstieditorin, jossa on enemmän ominaisuuksia, pidämme muistikirjaa++.

Jos haluat muokata tiedostoa Muistiossa, napsauta sitä hiiren kakkospainikkeella ja valitse Muokkaa.

Lisää mitä tahansa tweaksia tiedostoon kopioimalla ja liittämällä ne. Jos lisäät useita tweaksia, lisää ne kaikki omiin riveihin.

Kun olet valmis, tallenna tiedosto napsauttamalla Tiedosto> Tallenna muistiin.

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 "kromi" -kansioon usein muokata userChrome.css-tiedostoa, haluat ehkä luoda työpöydän pikakuvakkeen kansioon tai lisätä sen pikahakemistotiedostoihin File Explorerissa.

UserContent.css-tiedosto

Firefoxissa on myös userContent.css-tiedosto, jota voit muokata, ja saatat törmätä tiettyihin tweaksiin, jotka sanovat, että he käyttävät userContent.css-tiedostoa.

Jos haluat käyttää tätä tiedostoa, luo vain tiedosto "userContent.css" samaan kansioon kuin Chrome-kansio. Tweaks, jonka asetat tähän tiedostoon, vaikuttavat Firefoxin sisäisiin "sisältösivuihin", kuten New Tab ja Options -sivuihin.

Apua, minä murtautin jotain!

Jos sinulla on joskus ongelmia nipistämisessä, voit poistaa sen käyttäjänChrome.css-tiedostosta ja käynnistää Firefox uudelleen. Jos näin ei tapahdu, voit poistaa userChrome.css-tiedoston kokonaan ja käynnistää selaimen uudelleen, jotta kaikki muutokset poistetaan ja saat tuoreen Firefox-käyttöliittymän.