Firefox: Включить режим отладки для встроенных стилей UI

Редко и мало кому может потребоваться, но оставлю заметку, вдруг мне пригодится…
Если в 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 , либо через меню:
ToolsWeb DeveloperBrowser Toolbox
(не путать с Browser Console!)
5. Подтвердить предупреждение безопасности:
Firefox: Включить режим отладки для встроенных стилей UI
6. Перейти на вкладку Style Editor
7. Теперь в левой колонке можно выбрать, к примеру, файл userChrome.css:
Firefox: Включить режим отладки для встроенных стилей UI

Все изменения, вносимые в окошко справа будут мгновенно отражаться в интерфейсе Firefox! Для проверки можно дописать в этот файл код, который сделает шрифт интерфейса жирным:
* { font-weight: bold !important; }

 



Подписаться
Уведомление о
guest
0 Комментарий
Inline Feedbacks
View all comments