Как да персонализирате потребителския интерфейс на Firefox с userChrome.css

Интерфейсът на Firefox Quantum е все още изключително приспособим, благодарение на файла userChrome.css. Можете да редактирате този файл, за да скриете нежеланите елементи от менюто, да преместите лентата с раздели под лентата с инструменти за навигация, да прегледате няколко реда в лентата с инструменти на отметките си и да правите други неща, които обикновено не биха били възможни.

Как става това

Файлът userChrome.css на Firefox е каскаден CSS файл, който Firefox използва. Докато стиловете обикновено се прилагат към уеб страници, този специален лист със стил се прилага към потребителския интерфейс на Firefox. Тя ви позволява да промените външния вид и разположението на всичко, което заобикаля уеб страницата. Всъщност не можете да добавите никакви функции; можете да променяте само това, което вече е там, за да го промените, скриете или преместите.

Това няма нищо общо с Google Chrome. „Chrome“ се отнася за потребителския интерфейс на уеб браузъра, който е кръстен на Google Chrome.

Файлът userChrome.css съществува във Firefox за дълго време, но се възобновява с Firefox Quantum. Много от промените, които преди това можеха да бъдат постигнати от добавките на браузъра, вече могат да бъдат постигнати само чрез редактиране на файла userChrome.css.

Къде да намерим промени

Въпреки че можете да създадете свои собствени настройки, ако разбирате CSS кода и как е създаден интерфейсът на Firefox, можете също да намерите промените онлайн. Ако искате да направите някаква промяна, някой друг вече е измислил как да го направи и е написал кода.

Ето някои ресурси, за да можете да започнете:

Примерни настройки от userChrome.org: кратък списък с интересни настройки, които демонстрират силата на userChrome.css.
Класически настройки на CSS: хранилище на потребителски настройки на userChrome.css от автора на разширението Classic Teme Restorer, което вече не функционира в Firefox Quantum.
userChrome Tweaks: Колекция от интересни настройки на Firefox.
FirefoxCSS на Reddit: Тази подредактираща общност е общност за обсъждане на промените. Можете да търсите в подредактираната програма, за да намерите промените на други хора, да видите какво споделят хората и дори да поискате въвеждане, ако не можете да намерите промените, които наистина искате.
Ръководство за редактиране на контекстното ви меню: Инструкции за премахване на елементи от контекстното меню на Firefox и промяна на реда им в списъка, взет от подразделение на FirefoxCSS.

Имайте предвид, че по-старите версии на Firefox имат различен интерфейс. По-старите настройки на userChrome.css, които намирате онлайн, може да не функционират в Firefox 57 и по-късно, известни също като Firefox Quantum.

Ако знаете какво правите с CSS, можете да разрешите на инструментариума на браузъра да провери хромирането на браузъра Firefox. Това ще предостави информацията, от която се нуждаете, за да персонализирате различните елементи на интерфейса на браузъра с вашия собствен CSS код.

Как да създадете своя файл userChrome.css

Файлът userChrome.css не съществува по подразбиране, така че след като имате настройка или две, които искате да изпробвате, първо трябва да създадете файла на съответното място във вашата папка с профили в Firefox..

За да стартирате папката с профила си в Firefox, кликнете върху меню> Помощ> Информация за отстраняване на неизправности в Firefox.

Кликнете върху бутона „Отвори папка“ вдясно от папката „Профил“, за да го отворите. (В MacOS или Linux ще видите бутон „Показване във Finder“ или „Отворена директория“. Следните инструкции показват процеса в Windows, но в общи линии е същото и на Mac и Linux - просто ще използвате различен файлов мениджър и текстов редактор.)

Ако в папката с профили се появи папка с име „chrome“, кликнете два пъти върху нея. Вероятно обаче няма, тъй като тази папка не е създадена от модерни версии на Firefox.

За да създадете папката, щракнете с десния бутон в десния панел и изберете New> Folder. Назовете го „chrome“, натиснете Enter и след това щракнете двукратно върху него.

Ако не сте го направили, ще трябва да укажете на Windows да ви покаже файловите разширения. Windows скрива файловите разширения по подразбиране, за да опрости нещата. Тази стъпка не е необходима за MacOS или Linux, които показват тази информация по подразбиране.

В Windows 8 или 10 можете просто да щракнете върху раздела "Преглед" на лентата и да проверите полето "Разширения на име на файл", за да ги направите видими. В Windows 7 щракнете върху Организиране> Опции за папки и търсене, щракнете върху раздела "Преглед" и махнете отметката от "Скриване на разширенията за известни типове файлове"..

Сега ще създадете файла userChrome.css, който всъщност е само празен текстов файл с разширение .css вместо разширение .txt..

За да направите това, щракнете с десния бутон в десния прозорец и изберете New> Text Document. Назовете го „userChrome.css“, като се уверите, че сте премахнали .txt файловото разширение.

Windows ще ви предупреди, че променяте разширението на файла и това може да е проблем за някои типове файлове. Кликнете върху „Да“, за да потвърдите промяната.

На MacOS или Linux създайте празен текстов файл със същото име.

Как да редактирате файла userChrome.css

Можете да използвате всеки текстов редактор, за да редактирате файла userChrome.css. Текстовият редактор на Notepad, включен в Windows, работи добре. Ако искате по-мощен текстов редактор с повече функции, ние харесваме Notepad++.

За да редактирате файла в Notepad, щракнете с десния бутон върху него и изберете „Редактиране“.

Добавете каквито и да са онези промени, които искате към файла, като ги копирате и поставите. Ако добавите няколко опции, уверете се, че сте ги добавили всички на собствените си линии.

След като приключите, запишете файла, като щракнете върху Файл> Запиши в Notepad.

Всеки път, когато редактирате файла userChrome.css, ще трябва да затворите всички отворени прозорци на Firefox и да рестартирате Firefox, за да влязат в сила промените ви.

Ако често се връщате в папката „chrome“, за да редактирате файла userChrome.css, може да искате да създадете пряк път до нея или да го добавите в папките „Бърз достъп“ в File Explorer..

Файлът userContent.css

Firefox също има userContent.css файл, който можете да редактирате, и може да се натъкнете на някои настройки, които казват, че са за файла userContent.css..

За да използвате този файл, просто създайте файл с име "userContent.css" в същата папка като папката на Chrome. Промените, които поставяте в този файл, засягат вътрешните „страници със съдържание“ на Firefox, като страниците „Нов раздел“ и „Опции“.

Помогни, разбих нещо!

Ако някога срещнете проблем с ощипване, можете просто да го премахнете от файла userChrome.css и да рестартирате Firefox. Ако това не помогне, можете напълно да изтриете файла userChrome.css и да рестартирате браузъра, за да изтриете всички промени и да получите нов интерфейс на Firefox.