A Firefox felhasználói felületének testreszabása A userChrome.css használatával

Tartalomjegyzék:

A Firefox felhasználói felületének testreszabása A userChrome.css használatával
A Firefox felhasználói felületének testreszabása A userChrome.css használatával

Videó: A Firefox felhasználói felületének testreszabása A userChrome.css használatával

Videó: A Firefox felhasználói felületének testreszabása A userChrome.css használatával
Videó: Introduction to Amazon Web Services by Leo Zhadanovsky - YouTube 2024, Április
Anonim
A Firefox Quantum kezelőfelülete a UserChrome.css fájlnak köszönhetően még mindig rendkívül testreszabható. Ezt a fájlt szerkesztheti a nem kívánt menüelemek elrejtéséhez, a lap tetejére a navigációs eszköztár alatt, a könyvjelzők eszköztárán több sor megjelenítéséhez és más dolgokhoz, amelyek általában nem lennének lehetségesek.
A Firefox Quantum kezelőfelülete a UserChrome.css fájlnak köszönhetően még mindig rendkívül testreszabható. Ezt a fájlt szerkesztheti a nem kívánt menüelemek elrejtéséhez, a lap tetejére a navigációs eszköztár alatt, a könyvjelzők eszköztárán több sor megjelenítéséhez és más dolgokhoz, amelyek általában nem lennének lehetségesek.

Hogyan működik?

A Firefox userChrome.css fájlja a Firefox által használt lépcsős stíluslap (CSS). Bár a stíluslapokat általában weblapokra alkalmazzák, ez a stíluslap a Firefox felhasználói felületére vonatkozik. Lehetővé teszi, hogy megváltoztassa a weboldal tartalmát és elrendezését. Valójában semmilyen funkciót nem lehet hozzáadni; akkor csak akkor változtathat meg, ha már megváltoztatta, elrejtette vagy áthelyezte.

Ennek semmi köze a Google Chrome-hoz. A "Chrome" a webböngésző felhasználói felületére utal, amelyet a Google Chrome-nak neveztek.

A userChrome.css fájl már hosszú ideje létezett a Firefoxban, de a Firefox Quantum új jelentőséggel bír. Számos csípés, amelyet korábban a böngésző-kiegészítők végeztek, mostantól csak a userChrome.css fájl szerkesztésével érhető el.

Hol található Tweaks

Miközben létrehozhat saját csípéseket, ha megérted a CSS kódot, és hogyan készült a Firefox kezelőfelülete, akkor is megtalálhatja az online csípést. Ha valamilyen változtatást szeretne végrehajtani, akkor valaki más valószínűleg rájött, hogyan kell csinálni és megírnia a kódot.

Íme néhány erőforrás az induláshoz:

  • Sample Tweaks a userChrome.org-ból: Az érdekes csípések rövid listája, amely bemutatja a userChrome.css teljesítményét.
  • A klasszikus CSS Tweaks: A UserChrome.css letéteményese a klasszikus téma restaurátor kiterjesztés szerzőjének, a Firefox Kvantumon már nem működik.
  • userChrome Tweaks: Érdekes Firefox-csalások gyűjteménye.
  • FirefoxCSS a Reddit: Ez a subreddit közösség a csípések megvitatására. Kereshetsz a subreddit-nek, hogy megtaláld más emberek csípéseit, nézd meg, hogy az emberek miképpen osztoznak, és kérdezni is kell a bevitelt, ha nem talál egy csípést, amit igazán szeretnél.
  • Útmutató a szövegkörnyezet szerkesztéséhez: A Firefox helyi menüjében található elemek eltávolítására vonatkozó utasítások és a listán szereplő sorrend módosítása, a FirefoxCSS kiadásából.

Ne feledje, hogy a Firefox régebbi verziói más felületet használtak. A régebbi userChrome.css csípések, amelyeket online találsz, nem működnek a Firefox 57-ben és később, más néven Firefox Quantum néven is.

Ha tudod, mit csinálsz a CSS-vel, engedélyezheted a böngésző eszköztárát a Firefox böngésző krómjának ellenőrzéséhez. Ezzel megadhatja azokat az információkat, amelyekkel a különböző böngészőfelület-elemeket testreszabhatja a saját CSS kóddal.

Hogyan lehet létrehozni a userChrome.css fájlt

A userChrome.css fájl alapértelmezés szerint nem létezik, ezért ha kipróbálod a kettőt, akkor először létre kell hoznia a fájlt a megfelelő helyről a Firefox profil mappájában.

A Firefox profil mappájának elindításához kattintson a menü> Súgó> Információk hibaelhárítása a Firefoxban.

Kattintson a "Mappa megnyitása" gombra a Profilmappa jobb oldalán a megnyitáshoz. (A MacOS vagy Linux rendszeren a "Show in Finder" vagy a "Open Directory" gombra kattintva láthatja a következő utasításokat. A következő utasítások mutatják a folyamatot a Windows rendszeren, de alapvetően ugyanaz a Mac és a Linux. különböző fájlkezelő és szövegszerkesztő.)
Kattintson a "Mappa megnyitása" gombra a Profilmappa jobb oldalán a megnyitáshoz. (A MacOS vagy Linux rendszeren a "Show in Finder" vagy a "Open Directory" gombra kattintva láthatja a következő utasításokat. A következő utasítások mutatják a folyamatot a Windows rendszeren, de alapvetően ugyanaz a Mac és a Linux. különböző fájlkezelő és szövegszerkesztő.)
Ha megjelenik a megjelenő profilmappa "króm" nevű mappája, kattintson rá duplán. Valószínűleg azonban nem, mivel ezt a mappát nem a Firefox modern verziói hozták létre.
Ha megjelenik a megjelenő profilmappa "króm" nevű mappája, kattintson rá duplán. Valószínűleg azonban nem, mivel ezt a mappát nem a Firefox modern verziói hozták létre.

A mappa létrehozásához kattintson jobb gombbal a jobb oldali ablaktáblába, és válassza az Új> Mappa parancsot. Nevezze el a "króm" nevet, nyomja meg az Enter billentyűt, majd kattintson rá duplán.

Image
Image

Meg kell adnia a Windows számára, hogy megmutatja a fájlkiterjesztéseket, ha még nem tette meg. A Windows alapértelmezés szerint elrejti a fájlkiterjesztéseket a dolgok egyszerűsítéséhez. Ez a lépés nem szükséges a macOS vagy a Linux rendszeren, amelyek alapértelmezés szerint ezt az információt mutatják.

A Windows 8 vagy 10 rendszeren egyszerűen kattintson a "Nézet" fülre a szalagon, és ellenőrizze a "Fájlnév kiterjesztések" mezőt, hogy láthatóvá tegye őket. Windows 7 rendszeren kattintson a Szervezés> Mappa és keresési beállítások elemre, kattintson a "Nézet" fülre, és törölje a jelölőnégyzetet az "Ismert fájltípusok kiterjesztéseinek elrejtése" jelölőnégyzetből.

Most létrehozza a userChrome.css fájlt, ami valójában csak egy üres szövegfájl az.css kiterjesztéssel, a.txt kiterjesztés helyett.
Most létrehozza a userChrome.css fájlt, ami valójában csak egy üres szövegfájl az.css kiterjesztéssel, a.txt kiterjesztés helyett.

Ehhez kattintson jobb gombbal a jobb oldali ablaktáblába, és válassza az Új> Szöveges dokumentum lehetőséget. Nevezze el a "userChrome.css" kifejezést, és távolítsa el a.txt fájlkiterjesztést.

A Windows figyelmezteti Önt, hogy módosítja a fájl kiterjesztését, és ez bizonyos típusú fájlok esetében problémát okozhat. A módosítás megerősítéséhez kattintson az "Igen" gombra.

MacOS-on vagy Linuxon, hozzon létre egy üres, azonos nevű szöveges fájlt.

Image
Image

A UserChrome.css fájl szerkesztése

Bármely szövegszerkesztővel szerkesztheti a userChrome.css fájlt. A Notepad szövegszerkesztője a Windows rendszerben jól működik. Ha erőteljesebb szövegszerkesztőt szeretne több funkcióval ellátni, szeretjük a Notepad ++-et.

A fájl szerkesztéséhez kattintson a jobb egérgombbal, és válassza a "Szerkesztés" parancsot.

Adjon hozzá bármilyen csípést a fájllal a másolással és beillesztéssel. Ha több csípést ad hozzá, mindenképpen hozzáadja őket a saját vonalain.
Adjon hozzá bármilyen csípést a fájllal a másolással és beillesztéssel. Ha több csípést ad hozzá, mindenképpen hozzáadja őket a saját vonalain.
Ha elkészült, mentse a fájlt a Fájl> Mentés a jegyzettömbben gombra.
Ha elkészült, mentse a fájlt a Fájl> Mentés a jegyzettömbben gombra.
Minden alkalommal, amikor módosítja a userChrome.css fájlt, be kell zárnia az összes nyitott Firefox ablakot, és újra kell indítania a Firefoxot, hogy a módosítások érvénybe lépjenek.
Minden alkalommal, amikor módosítja a userChrome.css fájlt, be kell zárnia az összes nyitott Firefox ablakot, és újra kell indítania a Firefoxot, hogy a módosítások érvénybe lépjenek.
Ha gyakran találja magát a "chrome" mappába, hogy módosítsa a userChrome.css fájlt, előfordulhat, hogy létrehoz egy asztali parancsikont a mappához, vagy hozzáadja a Fájlböngésző "Gyors hozzáférés" mappáihoz.
Ha gyakran találja magát a "chrome" mappába, hogy módosítsa a userChrome.css fájlt, előfordulhat, hogy létrehoz egy asztali parancsikont a mappához, vagy hozzáadja a Fájlböngésző "Gyors hozzáférés" mappáihoz.

A userContent.css fájl

A Firefoxnak is van egy módosított userContent.css fájlja, és esetleg letagadhat néhány csípés, amelyek azt mondják, hogy a userContent.css fájlban vannak.

A fájl használatához egyszerűen hozzon létre egy "userContent.css" nevű fájlt ugyanabban a mappában, mint a Chrome mappája. A fájlba ágyazott tweaksek hatással vannak a Firefox belső "tartalmi oldalaira", mint például az Új lap és az Opciók oldalak.

Segítség, én tört valamit!

Ha valaha is problémát észlel egy csípésnél, akkor csak távolítsa el a userChrome.css fájlból és indítsa újra a Firefoxot. Ha ez nem működik, akkor teljesen törölheti a userChrome.css fájlt, és újraindíthatja a böngészőt, hogy törölje az összes módosítást, és szerezzen be egy friss Firefox felületet.

Ajánlott: