Редко и мало кому может потребоваться, но оставлю заметку, вдруг мне пригодится…
Если в Firefox нажать F12 , то откроется панель с инструментами Разработчика, где будет вкладка «Style Editor», но на ней не будет стилей для интерфейса, таких, как например userChrome.css (при условии, что он уже создан).
Для отладки стилей интерфейса нужно включить расширенный режим:
1. Открыть панель разработчика, нажав клавишу F12
2. В верхней её части нажать кнопку «…», слева от кнопки «закрыть» и выбрать Settings
*. Либо сразу после того, как открыли панель разработчика, нажать клавишу F1
3. В разделе «Advanced settings» включить опции:

• Enable browser chrome and add-on debugging toolboxes
• Enable remote debugging

4. Открыть панель разработчика с помощью комбинации клавиш Ctrl+Alt+Shift+I , либо через меню:
Tools ▶ Web Developer ▶ Browser Toolbox
(не путать с Browser Console!)
5. Подтвердить предупреждение безопасности:

6. Перейти на вкладку Style Editor
7. Теперь в левой колонке можно выбрать, к примеру, файл userChrome.css:

• Об авторе
• Недавние публикации

DenTNT

Задать вопрос в Telegram:
@dentnt.trmw.ru
Помочь проекту: Яндекс.Деньги

DenTNT недавно публиковал (посмотреть все)

• Не приходит СМС для авторизации на сайте Госуслуги - 01.11.2024
• VSCode: Найти и удалить элементы xml - 29.10.2024
• WordPress: Ошибка в плагине WpDiscuz - 08.10.2024