Расширения для Firefox | Mozilla Firefox Extensions - [1846] :: Программы

# Разблокировать использование пользовательского CSS

`about:config` > `toolkit.legacyUserProfileCustomizations.stylesheets` > `true`

# WebExtensions не может правильно изменить внешний вид Firefox

Единственный способ изменить пользовательский интерфейс — добавить собственный код CSS в файлы **userChrome.css** и **userContent.css** в папке профиля браузера.
Имейте в виду, что код CSS не может создавать совершенно новые элементы, кнопки или панели инструментов. Он может только изменять уже существующие элементы пользовательского интерфейса.

# Где найти папку профиля Firefox? Правильное расположение пользовательских стилей.

**1.** Найдите папку своего профиля («имена профилей у всех разные»).
`about:support > Папка профиля > Открыть папку`
или `о: профили > Корневой каталог > Открыть папку`

**2.** Пользовательские стили находятся в папке `\chrome\`. Создайте его, если его еще нет. После этого это должно выглядеть так:
`\ ИМЯ ПАПКИ ПРОФИЛЯ \chrome\`

**3.** Скопируйте папки `userChrome.css`, `userContent.css` и `\config\`, `\css\`, `\image\` в папку `\chrome\`. После этого это должно выглядеть так:
`\хром\конфиг\`
`\хром\css\`
`\хром\изображение\`
`\chrome\userChrome.css`
`\chrome\userContent.css`

(Необязательно) Расположение папок профиля на диске:
**Windows**
`C:\Users\ИМЯ ПОЛЬЗОВАТЕЛЯ \AppData\Roaming\Mozilla\Firefox\Profiles\ ИМЯ ПАПКИ ПРОФИЛЯ\`
Скрытые файлы должны быть видны, чтобы увидеть папку AppData. В качестве альтернативы откройте %APPDATA%\Mozilla\Firefox\Profiles\` в адресной строке проводника.
**Линукс**
`/home/ имя пользователя /.mozilla/firefox/ имя папки профиля /`
Скрытые файлы должны быть видны, чтобы увидеть папку `.mozilla`.
**Mac OS X**
`~\Library\Mozilla\Firefox\Profiles\ ИМЯ ПАПКИ ПРОФИЛЯ\` или
`~\Library\Application Support\Mozilla\Firefox\Profiles\ ИМЯ ПАПКИ ПРОФИЛЯ \`
`\Users\ИМЯ ПОЛЬЗОВАТЕЛЯ\Library\Application\Support\Firefox\Profiles\`

# Как использовать пользовательские стили?

Файлы _userChrome.css_ и _userContent.css_ работают как файл options\configurations. Там можно включать и выключать все основные «функции».
Отредактируйте _userChrome.css_ и _userContent.css_ с помощью любого текстового редактора (**[Notepad++](https://notepad-plus-plus.org/download/)** рекомендуется для Windows) и включите или отключите любую функцию, которая вам нравится, изменив , удаляя или комментируя доступные строки `@import`.
Перезапускайте Firefox после каждой модификации, чтобы изменения вступили в силу.

**Пример**
Если "классический внешний вид кнопок для кнопок панели навигации" должен быть <u>включен</u>, соответствующая строка должна выглядеть следующим образом:
`@import "./css/buttons/buttons_on_navbar_classic_appearance.css"; /**/`

Если "классический внешний вид кнопок для кнопок панели навигации" должен быть <u>отключен</u>, соответствующая строка должна выглядеть так:
`/* @import "./css/buttons/buttons_on_navbar_classic_appearance.css"; /**/`

Примечание
Код между `/*` и `*/` не будет использоваться Firefox, если между ними нет других `/*` или `*/`.

# Как найти идентификаторы и атрибуты предметов?

Включить один раз:
1\. Инструменты> Веб-разработчик> Переключить инструменты> «Настроить инструменты и получить справку, кнопка» (= кнопка с тремя точками)> Настройки> Включить браузер Chrome и наборы инструментов отладки дополнений.
2\. Инструменты > WebDeveloper > Инструменты переключения > "Настроить инструменты и получить справку" (= кнопка с тремя точками) > Настройки > Включить удаленную отладку

или установите для этих двух в about:config значение true

about:config > devtools.chrome.enabled > true
about:config > devtools.debugger.remote-enabled > true

Нажмите «Ctrl+Alt+Shift+I» или откройте «Инструменты > WebDeveloper > Панель инструментов браузера».

Осмотрите пользовательский интерфейс или веб-контент.

Заставить всплывающие окна оставаться открытыми для проверки:
Нажмите кнопку «Настроить инструменты и получить справку» (= кнопка с тремя точками) и выберите «Отключить автоматическое скрытие всплывающих окон».

#Как изменить пользовательские стили?

Открывайте файлы CSS в текстовом редакторе. Просмотрите код и измените значения так, как вам нужно.
Некоторые файлы содержат дополнительные инструкции о том, как настроить пользовательский интерфейс для отдельных случаев.
Перезапустите Firefox, чтобы изменения вступили в силу.

Пример
Откройте файл `./css/tabs/classic_squared_tabs.css`
Найдите `/* цвет незагруженных/ожидающих вкладок *//*`
Удалите `/*` в конце строки, чтобы сделать эту часть кода активной. Сохраните файл и перезапустите Firefox.

Пример 2
Откройте файл `userChrome.css`
Найдите `@import "./css/tabs/classic_squared_tabs.css"; /**/`
Добавьте `/*` в начале строки, чтобы удалить классические квадратные табуляторы.
Результат будет выглядеть так: `/* @import "./css/tabs/classic_squared_tabs.css"; /**/`

Пример 3
Откройте файл `userChrome.css`
Найдите `/* @import "./css/locationbar/reader_alternative_icon.css"; /**/`
Удалите `/*` в начале строки, чтобы включить появление этого всплывающего окна.
Результат будет выглядеть так: `/* @import "./css/locationbar/reader_alternative_icon.css"; /**`

Модерирует : gyra, Maz
Версия для печати • Подписаться • Добавить в закладки
На первую страницу • к этому сообщению • к последнему сообщению