Як налаштувати інтерфейс користувача 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 Theme 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.

Щоб створити теку, клацніть правою кнопкою миші на правій панелі та виберіть «Створити» > «Тека». Назвіть його «хром», натисніть Enter, а потім двічі клацніть по ньому.

Вам потрібно буде вказати Windows, щоб показати вам розширення файлів, якщо ви цього ще не зробили. За замовчуванням Windows приховує розширення файлів, щоб спростити завдання. Цей крок не є обов'язковим у MacOS або Linux, які показують цю інформацію за замовчуванням.

У Windows 8 або 10 ви можете просто натиснути вкладку «Вигляд» на стрічці і встановити прапорець «Розширення імен файлів», щоб зробити їх видимими. У Windows 7 клацніть «Організувати» > «Тека та параметри пошуку», перейдіть на вкладку «Вигляд» і зніміть позначку «Приховати розширення відомих типів файлів».

Тепер ви створите файл userChrome.css, який насправді являє собою порожній текстовий файл з розширенням.css замість розширення.

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

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

У macOS або Linux створіть порожній текстовий файл з тією самою назвою.

Як редагувати файл userChrome.css

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

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

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

Коли ви закінчите, збережіть файл, натиснувши «Файл» > «Зберегти у блокноті».

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

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

Файл userContent.css

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

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

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

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