Jak dostosować interfejs użytkownika Firefoksa za pomocą userChrome.css

Interfejs przeglądarki Firefox Quantum jest wciąż bardzo konfigurowalny dzięki pliowi userChrome.css. Możesz edytować ten plik, aby ukryć niechciane elementy menu, przesuwać pasek kart pod paskiem narzędzi nawigacyjnych, wyświetlać wiele wierszy na pasku narzędzi zakładek i robić inne rzeczy, które normalnie nie byłyby możliwe.

Jak to działa

Plik userChrome.css Firefoksa to kaskadowy plik arkusza stylów (CSS), z którego korzysta Firefox. Chociaż arkusze stylów są zwykle stosowane do stron internetowych, ten konkretny arkusz stylów jest stosowany do interfejsu użytkownika Firefoksa. Pozwala zmienić wygląd i układ wszystkich elementów otaczających stronę iteslf. W rzeczywistości nie możesz dodać żadnych funkcji; możesz modyfikować tylko to, co już istnieje, aby je zmienić, ukryć lub przenieść.

To nie ma nic wspólnego z Google Chrome. "Chrome" odnosi się do interfejsu użytkownika przeglądarki internetowej, od której pochodzi nazwa Google Chrome.

Plik userChrome.css istnieje już od dłuższego czasu w Firefoksie, ale w Firefoksie Quantum zyskuje na znaczeniu. Wiele ulepszeń, które wcześniej mogły być wykonane przez dodatki do przeglądarki, można teraz osiągnąć tylko przez edycję pliku userChrome.css.

Gdzie znaleźć poprawki

Chociaż można tworzyć własne poprawki, jeśli zrozumie się kod CSS i sposób zaprojektowania interfejsu Firefoksa, można również znaleźć poprawki w Internecie. Jeśli chcesz dokonać pewnej zmiany, ktoś inny już pewnie zrozumiał, jak to zrobić i napisał kod.

Oto kilka zasobów, które pomogą Ci zacząć:

Przykładowe modyfikacje z userChrome.org: krótka lista interesujących usprawnień demonstrujących moc userChrome.css.
Klasyczne ulepszenia CSS: repozytorium poprawek userChrome.css od autora rozszerzenia Classic Theme Restorer, które nie działa już w Firefox Quantum.
userChrome Tweaks: Zbiór interesujących usprawnień Firefoksa.
FirefoxCSS na Reddit: to subreddit to społeczność, która omawia poprawki. Możesz przeszukiwać subreddit, aby znaleźć poprawki innych osób, zobaczyć, co udostępniają ludzie, a nawet poprosić o dane wejściowe, jeśli nie możesz znaleźć poprawki, której naprawdę chcesz.
Przewodnik po edycji menu kontekstowego: Instrukcje dotyczące usuwania elementów z menu kontekstowego Firefoksa i zmiany ich kolejności na liście, pobrane z subreddita FirefoxCSS.

Pamiętaj, że starsze wersje Firefoksa miały inny interfejs. Starsze poprawki użytkownika userChrome.css, które można znaleźć w Internecie, mogą nie działać w przeglądarce Firefox 57 i nowszych wersjach, zwanych również Firefox Quantum.

Jeśli wiesz, co robisz z CSS, możesz włączyć przybornik przeglądarki, aby sprawdzić chrome przeglądarki Firefox. Zapewni to informacje potrzebne do dostosowania różnych elementów interfejsu przeglądarki za pomocą własnego kodu CSS.

Jak utworzyć plik userChrome.css

Plik userChrome.css nie istnieje domyślnie, więc gdy już wypróbujesz jakieś ulepszenie, najpierw musisz utworzyć plik w odpowiedniej lokalizacji w folderze profilu Firefoksa..

Aby uruchomić folder profilu Firefoksa, kliknij menu> Pomoc> Informacje o rozwiązywaniu problemów w przeglądarce Firefox.

Kliknij przycisk "Otwórz folder" po prawej stronie folderu profilu, aby go otworzyć. (W systemie Mac OS lub Linux zamiast tego pojawi się przycisk "Pokaż w Finderze" lub "Otwórz katalog". Poniższe instrukcje pokazują proces w systemie Windows, ale w zasadzie na Macu i Linuksie są takie same - po prostu użyjesz inny menedżer plików i edytor tekstu.)

Jeśli zobaczysz folder o nazwie "chrome" w wyświetlonym folderze profilu, kliknij go dwukrotnie. Prawdopodobnie jednak nie, ponieważ ten folder nie jest tworzony przez nowoczesne wersje Firefoksa.

Aby utworzyć folder, kliknij prawym przyciskiem myszy w prawym panelu i wybierz Nowy> Folder. Nazwij go "chrome", naciśnij Enter, a następnie kliknij go dwukrotnie.

Musisz powiedzieć systemowi Windows, aby wyświetlał rozszerzenia plików, jeśli jeszcze tego nie zrobiłeś. Windows domyślnie ukrywa rozszerzenia plików, aby uprościć rzeczy. Ten krok nie jest konieczny w systemach MacOS i Linux, które domyślnie wyświetlają te informacje.

W systemie Windows 8 lub 10 możesz po prostu kliknąć kartę "Widok" na wstążce i zaznaczyć pole "Rozszerzenia nazw plików", aby były widoczne. W systemie Windows 7 kliknij Organizuj> Opcje folderów i wyszukiwania, kliknij kartę "Widok" i odznacz "Ukryj rozszerzenia znanych typów plików".

Teraz utworzysz plik userChrome.css, który jest po prostu pustym plikiem tekstowym z rozszerzeniem .css zamiast rozszerzenia .txt.

Aby to zrobić, kliknij prawym przyciskiem myszy w prawym okienku tutaj i wybierz Nowy> Dokument tekstowy. Nazwij go "userChrome.css", pamiętając o usunięciu rozszerzenia pliku .txt.

System Windows wyświetli ostrzeżenie, że zmieniasz rozszerzenie pliku i może to stanowić problem w przypadku niektórych typów plików. Kliknij "Tak", aby potwierdzić zmianę.

W systemie MacOS lub Linux utwórz pusty plik tekstowy o tej samej nazwie.

Jak edytować plik userChrome.css

Możesz użyć dowolnego edytora tekstów do edycji pliku userChrome.css. Edytor tekstu Notatnik dołączony do systemu Windows działa dobrze. Jeśli chcesz mieć mocniejszy edytor tekstu z większą liczbą funkcji, lubimy Notatnik++.

Aby edytować plik w Notatniku, kliknij go prawym przyciskiem myszy i wybierz "Edytuj".

Dodaj dowolne poprawki do pliku, kopiując je i wklejając. Jeśli dodasz wiele poprawek, dodaj je wszystkie we własnych wierszach.

Po zakończeniu zapisz plik, klikając Plik> Zapisz w Notatniku.

Za każdym razem, gdy edytujesz plik userChrome.css, będziesz musiał zamknąć wszystkie otwarte okna Firefoksa i ponownie uruchomić Firefoksa, aby zmiany zaczęły obowiązywać.

Jeśli często wracasz do folderu "chrome", aby edytować plik userChrome.css, możesz utworzyć skrót na pulpicie do folderu lub dodać go do folderu "Szybki dostęp" w Eksploratorze plików.

Plik userContent.css

Firefox posiada również plik userContent.css, który możesz edytować, i możesz natknąć się na kilka poprawek, które mówią, że są przeznaczone dla pliku userContent.css.

Aby użyć tego pliku, po prostu utwórz plik o nazwie "userContent.css" w tym samym folderze co folder Chrome. Poprawki wprowadzone w tym pliku wpływają na wewnętrzne "strony treści" Firefoksa, takie jak strony Nowa karta i Opcje.

Pomóżcie, złamałem coś!

Jeśli kiedykolwiek napotkasz problem z dostosowaniem, możesz po prostu usunąć go z pliku userChrome.css i ponownie uruchomić Firefoksa. Jeśli to nie zadziała, możesz całkowicie usunąć plik userChrome.css i ponownie uruchomić przeglądarkę, aby usunąć wszystkie zmiany i uzyskać nowy interfejs Firefoksa.