7Sep

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

Interfejs przeglądarki Firefox Quantum jest w dalszym ciągu niezwykle konfigurowalny 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 przeglądarki Firefox to plik CSS( kaskadowego arkusza stylów), 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. 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ść.

Nie ma to 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 nabiera nowego znaczenia w Firefoksie Quantum. 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źć Tweety

Chociaż można 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ąć:

  • Sample Tweaks from userChrome.org: krótka lista interesujących usprawnień demonstrujących moc userChrome.css.
  • Classic CSS Tweaks: 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: ten 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.
  • Poradnik 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.

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ż go wypróbujesz, musisz najpierw utworzyć plik w odpowiedniej lokalizacji wewnątrz profilu Firefoksateczka.

Aby uruchomić folder profilu Firefoksa, kliknij menu & gt;Pomoc & gt;Rozwiązywanie problemów w Firefoksie.

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 zasadniczo jest taki sam na komputerach Mac i Linux - po prostu użyjeszinny 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 okienku i wybierz opcję Nowy & gt;Teczka. 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 kolejno Organizuj & gt;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 opcję Nowy & gt;Dokument tekstowy. Nazwij go "userChrome.css", pamiętając o usunięciu rozszerzenia pliku. txt.

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

Za pomocą dowolnego edytora tekstu można edytować plik 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 opcję Plik & gt;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 folderów "Szybki dostęp" w Eksploratorze plików.

Plik userContent.css

Firefox posiada również plik userContent.css, który można edytować, i możesz natknąć się na kilka poprawek, które mówią, że są one 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, zepsułem coś!

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.