Как в Firefox восстановить использование пользовательских стилей CSS

Настроить внешний вид Firefox можно не только с помощью внешних дополнений, но и путем применения собственных стилей, прописанных в располагающихся в папке профиля браузера файлах CSS.

Те, кто использовал стили, не могли не заметить, что после обновления популярного обозревателя до версии 69 последние перестали работать независимо от внесений изменений в CSS-код. Это не ошибка, просто начиная с указанной версии, пользовательские стили в Firefox подключаться больше не будут. Такое решение было принято разработчиками из соображений оптимизации загрузки и производительности браузера.

За формирование внешнего вида страниц в браузере отвечают три файла — prefs.js, userChrome.css и userContent.css.

Первый файл хранит в себе все настройки, которые были применены на странице «флагов», доступной по внутреннему адресу about:config. Его содержимое представлено списком параметров с их значениями, например, true или false. Отредактировать его можно вручную, открыв в любом текстовом редакторе. Физически файл prefs.js располагается в каталоге %AppData%\Mozilla\Firefox\Profiles\ID.default-release, где ID — идентификатор пользователя браузера.

Примечание: чтобы получить полный путь к профильному каталогу, перейдите в браузере на страницу about:support и скопируйте содержимое графы «Папка профиля».

alt=" путь к профильным данным" width="1018" height="559" class="aligncenter size-full wp-image-3547 lazy" sizes="(max-width: 1018px) 100vw, 1018px" data-srcset="/wp-content/uploads/2019/10/2.jpg 1018w,/wp-content/uploads/2019/10/2-300x165.jpg 300w,/wp-content/uploads/2019/10/2-768x422.jpg 768w,/wp-content/uploads/2019/10/2-320x176.jpg 320w,/wp-content/uploads/2019/10/2-640x351.jpg 640w,/wp-content/uploads/2019/10/2-360x198.jpg 360w,/wp-content/uploads/2019/10/2-720x395.jpg 720w,/wp-content/uploads/2019/10/2-800x439.jpg 800w, /wp-content/uploads/2019/10/2.jpg">

Второй файл userChrome.css отвечает за отображение различных элементов веб-интерфейса. По умолчанию он отсутствует в Firefox, создается он вручную в Блокноте с последующим изменением расширения TXT на CSS. Располагаться он должен AppData%\Mozilla\Firefox\Profiles\ID.default-release\Chrome. Как и файл, папка Chrome в Firefox по умолчанию отсутствует.

Файл стилей userContent.css отвечает за внешний вид содержимого страниц. Как и userChrome.css, он отсутствует по умолчанию. Создается этот файл стилей аналогичным способом, местом его расположения служит тот же созданный каталог Chrome по указанному выше пути.

Как уже было сказано, в Firefox 69 файлы стилей были отключены, однако возможность их применения не была удалена окончательно.

Восстанавливаем использование пользовательских стилей

К радости любителей поиграть с настройками интерфейса, команда Mozilla оставила параметр, позволяющий восстановить подгрузку стилей по требованию.

Включить поддержку стилей в Firefox можно следующим образом.

Перейдите на внутреннюю страницу экспериментальных настроек браузера по адресу about:config и примите соглашение о рисках. В поисковое поле страницы скрытых параметров введите toolkit.legacyUserProfileCustomizations.stylesheets.
alt="Enable userChrome.css and userContent.css" width="735" height="268" class="aligncenter size-full wp-image-3552 lazy" sizes="(max-width: 735px) 100vw, 735px" data-srcset="/wp-content/uploads/2019/10/Firefox-69-enable-usercontent-userstyle-loading.png 735w,/wp-content/uploads/2019/10/Firefox-69-enable-usercontent-userstyle-loading-300x109.png 300w,/wp-content/uploads/2019/10/Firefox-69-enable-usercontent-userstyle-loading-320x117.png 320w,/wp-content/uploads/2019/10/Firefox-69-enable-usercontent-userstyle-loading-640x233.png 640w,/wp-content/uploads/2019/10/Firefox-69-enable-usercontent-userstyle-loading-360x131.png 360w,/wp-content/uploads/2019/10/Firefox-69-enable-usercontent-userstyle-loading-720x263.png 720w, /wp-content/uploads/2019/10/Firefox-69-enable-usercontent-userstyle-loading.png">
При этом все доступные на странице флаги будут отсортированы, останется только указанный параметр.

По умолчанию он имеет значение false, означающее, что использование файлов стилей отключено. Чтобы его задействовать, нажмите по флагу правой кнопкой мыши и выберите в меню опцию «Переключить».

Также вы можете просто дважды кликнуть по параметру, в результате чего его значение будут изменено с False на True.

Готово, осталось только перезапустить Firefox, и файлы стилей userChrome.css и userContent.css станут работать, как и прежде.