Як налаштувати інтерфейс користувача Firefox з userChrome.css

Інтерфейс Firefox Quantum все ще дуже налаштований завдяки файлу userChrome.css. Цей файл можна редагувати, щоб приховати небажані елементи меню, перемістити панель вкладок під панеллю навігації, переглянути кілька рядків на панелі закладок і робити інші речі, які зазвичай неможливо.

Як це працює

Файл userChrome.css Firefox є каскадним файлом стилів (CSS), який використовує Firefox. Хоча таблиці стилів зазвичай застосовуються до веб-сторінок, ця таблиця стилів застосовується до інтерфейсу користувача Firefox. Вона дозволяє змінювати зовнішній вигляд і розташування всього, що оточує веб-сторінку iteslf. Ви не можете реально додавати будь-які функції; ви можете змінити лише те, що вже є, щоб змінити, приховати або перемістити його.

Це не має відношення до Google Chrome. "Chrome" відноситься до інтерфейсу користувача веб-переглядача, на який називається Google Chrome.

Файл userChrome.css існував у Firefox протягом тривалого часу, але він набув поновленого значення з Firefox Quantum. Багато налаштувань, які раніше можна було виконати за допомогою додатків браузера, тепер можна виконати лише шляхом редагування файлу userChrome.css.

Де знайти налаштування

Хоча ви можете створювати свої власні налаштування, якщо ви розумієте, що код CSS і як був розроблений інтерфейс Firefox, ви також можете просто знайти налаштування в Інтернеті. Якщо ви хочете зробити певну зміну, хтось ще, напевно, вже зрозумів, як це зробити і написав код.

Нижче наведено кілька ресурсів для початку роботи:

Приклади налаштувань від userChrome.org: короткий список цікавих налаштувань, які демонструють силу userChrome.css.
Класичні налаштування CSS: сховище налаштувань userChrome.css від автора розширення Classic Restorer, який більше не функціонує у Firefox Quantum.
userChrome Tweaks: колекція цікавих налаштувань Firefox.
FirefoxCSS на Reddit: це subreddit є спільнотою для обговорення налаштувань. Ви можете виконати пошук у підреєстрації, щоб знайти інші чужі налаштування, подивитися, що люди спільно використовують, і навіть попросити ввести, якщо ви не можете знайти потрібний вам параметр.
Керівництво по редагуванню контекстного меню: Інструкції для видалення елементів з контекстного меню 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..

Щоб зробити це, клацніть правою кнопкою миші на правій панелі, а потім виберіть Новий> Текстовий документ. Назвіть його "userChrome.css", переконавшись, що видалити розширення .txt.

Windows попередить вас, що ви змінюєте розширення файлу, і це може бути проблемою для певних типів файлів. Натисніть "Так", щоб підтвердити свою зміну.

На MacOS або Linux створіть порожній текстовий файл з тим же ім'ям.

Як змінити файл userChrome.css

Для редагування файлу userChrome.css можна використовувати будь-який текстовий редактор. Текстовий редактор "Блокнот", що входить до складу Windows, чудово працює. Якщо ви хочете більш потужний текстовий редактор з більшою кількістю функцій, нам подобається Блокнот++.

Щоб редагувати файл у Блокноті, клацніть його правою кнопкою миші та виберіть "Редагувати".

Додайте потрібні налаштування до файлу, скопіювавши та вставши їх. Якщо додати кілька налаштувань, обов'язково додайте їх усі на своїх лініях.

Після цього збережіть файл, натиснувши Файл> Зберегти в Блокноті.

Коли ви редагуєте файл userChrome.css, вам доведеться закрити всі відкриті вікна Firefox і перезапустити Firefox, щоб зміни вступили в силу.

Якщо ви часто повертаєтеся до папки "chrome" для редагування файлу userChrome.css, ви можете створити ярлик на робочому столі в папці або додати його до папок "Швидкий доступ" у Провіднику файлів.

Файл userContent.css

Firefox також має файл userContent.css, який можна редагувати, і ви можете натрапити на деякі налаштування, які кажуть, що вони призначені для файлу userContent.css.

Щоб скористатися цим файлом, просто створіть файл з ім'ям "userContent.css" у тій же папці, що й папка Chrome. Зміни, які ви розміщуєте в цьому файлі, впливають на внутрішні "контент-сторінки" Firefox, такі як сторінки "Нова вкладка" та "Параметри".

Допоможіть, я щось зірвав!

Якщо ви коли-небудь зіткнулися з проблемою з налаштуванням, ви можете просто видалити його з вашого файла userChrome.css і перезапустити Firefox. Якщо це не спрацює, ви можете повністю видалити файл userChrome.css і перезапустити веб-переглядач, щоб видалити всі зміни та отримати новий інтерфейс Firefox.