If-Koubou

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

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

Interfejs przeglądarki Firefox Quantum jest nadal bardzo elastyczny dzięki plikowi 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), którego używa Firefox. Chociaż arkusze stylów są zwykle stosowane do stron internetowych, ten konkretny arkusz stylów jest stosowany do interfejsu użytkownika Firefoksa. Umożliwia zmianę wyglądu i układu wszystkich elementów otaczających stronę iteslf. Nie możesz dodać żadnych funkcji; możesz modyfikować tylko to, co już jest, 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, do której nazwano Google Chrome.

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

Gdzie znaleźć poprawki

Chociaż możesz tworzyć własne poprawki, jeśli rozumiesz kod CSS i sposób zaprojektowania interfejsu Firefoksa, możesz także po prostu znaleźć poprawki w Internecie. Jeśli chcesz dokonać pewnej zmiany, ktoś inny prawdopodobnie już się zorientował, jak to zrobić i napisał kod.

Oto kilka zasobów, od których możesz zacząć:

  • Przykładowe modyfikacje z userChrome.org: krótka lista interesujących usprawnień demonstrujących moc userChrome.css.
  • Klasyczne poprawki 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, pobierane z subreddit FirefoxCSS.

Należy pamiętać, ż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 dotyczące rozwiązywania problemów w przeglądarce Firefox.

Kliknij przycisk "Otwórz folder" po prawej stronie folderu profilu, aby go otworzyć. (W systemie MacOS 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> Folder i opcje 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 Notepad ++.

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.

Ilekroć 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 folderów "Szybki dostęp" w Eksploratorze plików.

Plik userContent.css

Firefox ma 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.

Pomoc, coś mi się udało!

Jeśli 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 zrestartować przeglądarkę, aby usunąć wszystkie zmiany i uzyskać nowy interfejs Firefoksa.