Cum de a personaliza interfața de utilizator a Firefox cu userChrome.css

Interfața Firefox Quantum este încă extrem de personalizabilă datorită fișierului userChrome.css. Puteți edita acest fișier pentru a ascunde elementele de meniu nedorite, a muta bara de sub bara de instrumente de navigare, a vedea mai multe rânduri în bara de instrumente pentru marcaje și a face alte lucruri care în mod normal nu ar fi posibile.

Cum functioneaza aceasta

Fișierul userChrome.css al Firefox este un fișier de tip foaie de cascadă (CSS) care utilizează Firefox. În timp ce foile de stil sunt aplicate în mod normal paginilor web, această foaie de stil este aplicată interfeței de utilizator a Firefox. Acesta vă permite să modificați aspectul și aspectul a tot ceea ce înconjoară pagina web iteslf. De fapt, nu puteți adăuga niciun element; puteți modifica doar ceea ce există deja pentru a schimba, ascunde sau muta.

Acest lucru nu are nimic de-a face cu Google Chrome. "Chrome" se referă la interfața de utilizator a browserului web, la care a fost denumit Google Chrome.

Fișierul userChrome.css a existat în Firefox pentru o lungă perioadă de timp, dar este reînnoit cu Firefox Quantum. Multe modificări care ar putea fi realizate anterior de programele de completare de browser pot fi realizate numai prin editarea fișierului userChrome.css.

Unde găsiți trucurile

În timp ce ați putea crea propriile trucuri dacă înțelegeți codul CSS și modul în care a fost proiectată interfața Firefox, puteți găsi și trucuri online. Dacă doriți să faceți o anumită modificare, altcineva probabil a dat deja seama cum să o facă și a scris codul.

Iată câteva resurse pentru a începe:

Sample Tweaks de la userChrome.org: O scurtă listă de trucuri interesante care demonstrează puterea userChrome.css.
Clasic CSS Tweaks: Un depozit de modificări userChrome.css de la autorul extensiei Classic Theme Restorer, care nu mai funcționează pe Firefox Quantum.
userChrome Tweaks: O colecție de trucuri interesante pentru Firefox.
FirefoxCSS pe Reddit: Acest subrevers este o comunitate pentru a discuta trucuri. Puteți căuta în subdiscul pentru a găsi trucurile celorlalți, pentru a vedea ce vă împărtășesc oamenii și chiar pentru a vă cere să introduceți datele dacă nu puteți găsi un truc pe care chiar doriți.
Ghid pentru editarea meniului contextual: Instrucțiuni pentru eliminarea elementelor din meniul contextual al aplicației Firefox și modificarea ordinii lor în listă, preluate din subdrepturile FirefoxCSS.

Rețineți că versiunile mai vechi ale Firefox au avut o interfață diferită. Aplicațiile mai vechi de utilizatorChrome.css pe care le găsiți online nu pot funcționa pe Firefox 57 și ulterior, cunoscut și sub numele de Firefox Quantum.

Dacă știți ce faceți cu CSS, puteți activa caseta de instrumente a browserului pentru a inspecta Chrome browser-ul Firefox. Aceasta va furniza informațiile de care aveți nevoie pentru a particulariza diferitele elemente de interfață ale browserului cu propriul cod CSS.

Cum se creează fișierul userChrome.css

Fișierul userChrome.css nu există în mod prestabilit, așa că, odată ce ați făcut o optimizare sau două pe care doriți să le încercați, mai întâi trebuie să creați fișierul în locația corespunzătoare din interiorul folderului profilului dvs. Firefox.

Pentru a lansa folderul profilului dvs. Firefox, faceți clic pe meniul> Ajutor> Informații de depanare în Firefox.

Faceți clic pe butonul "Deschidere dosar" din partea dreaptă a dosarului Profile pentru al deschide. (Pe macOS sau Linux, veți vedea în schimb un buton "Show in Finder" sau "Open Directory". Următoarele instrucțiuni arată procesul pe Windows, dar este în esență același pe Mac și Linux - manager de fișiere diferit și editor de text.)

Dacă vedeți un folder numit "chrome" în directorul de profil care apare, faceți dublu clic pe el. Cu toate acestea, probabil că nu, deoarece acest folder nu este creat de versiunile moderne ale Firefox.

Pentru a crea dosarul, faceți clic dreapta în panoul din dreapta și selectați New> Folder. Denumiți-l "cromat", apăsați pe Enter și apoi faceți dublu clic pe el.

Va trebui să spuneți Windows să vă afișeze extensii de fișiere, dacă nu ați făcut-o deja. Windows ascunde extensiile de fișiere în mod implicit pentru a simplifica lucrurile. Acest pas nu este necesar pe macOS sau Linux, care afișează aceste informații în mod implicit.

Pe Windows 8 sau 10, puteți să faceți clic pe fila "Vizualizare" de pe panglică și să bifați caseta "Extensii nume de fișier" pentru a le face vizibile. În Windows 7, faceți clic pe Organizare> Opțiuni folder și căutare, faceți clic pe fila "Vizualizare" și debifați opțiunea "Ascundeți extensiile pentru tipurile de fișiere cunoscute".

Acum veți crea fișierul userChrome.css, care este într-adevăr doar un fișier text gol cu extensia .css în loc de extensia .txt.

Pentru a face acest lucru, faceți clic dreapta în panoul din dreapta și selectați New> Text Document. Denumiți-o "userChrome.css", asigurându-vă că eliminați extensia de fișier .txt.

Windows vă va avertiza că schimbați extensia fișierului și aceasta poate fi o problemă pentru anumite tipuri de fișiere. Dați clic pe "Da" pentru a confirma modificarea.

Pe macOS sau Linux, creați un fișier text gol cu același nume.

Cum se editează fișierul userChrome.css

Puteți utiliza orice editor de text pentru a edita fișierul userChrome.css. Editorul de text Notepad inclus în Windows funcționează foarte bine. Dacă doriți un editor de text mai puternic cu mai multe caracteristici, ne place Notepad++.

Pentru a edita fișierul în Notepad, faceți clic dreapta pe el și selectați "Editare".

Adăugați orice modificări doriți în fișier prin copierea și lipirea lor. Dacă adăugați mai multe trucuri, asigurați-vă că le adăugați pe toate liniile lor.

După ce ați terminat, salvați fișierul făcând clic pe File> Save in Notepad.

Ori de câte ori editați fișierul dvs. userChrome.css, va trebui să închideți toate ferestrele deschise pentru Firefox și să relansați Firefox pentru ca modificările dvs. să aibă efect.

Dacă vă regăsiți în mod frecvent în dosarul "crom" pentru a edita fișierul userChrome.css, vă recomandăm să creați o scurtătură de desktop pe dosar sau să o adăugați la dosarele "Acces rapid" din File Explorer.

Fișierul userContent.css

Firefox are, de asemenea, un fișier userContent.css pe care îl puteți edita, și vă puteți împiedica unele trucuri care spun că sunt pentru fișierul userContent.css.

Pentru a utiliza acest fișier, creați doar un fișier numit "userContent.css" în același folder ca și folderul Chrome. Efectele pe care le plasați în acest fișier afectează paginile de conținut interne ale Firefox, cum ar fi paginile Tab tab și Opțiuni.

Ajutor, am rupt ceva!

Dacă întâmpinați vreodată o problemă cu o optimizare, puteți să o eliminați din fișierul userChrome.css și să reporniți Firefox. Dacă aceasta nu funcționează, puteți șterge complet fișierul userChrome.css și reporniți browserul pentru a șterge toate modificările și pentru a obține o interfață Firefox nouă.