Веб-расширение: как использовать browser_style = true?

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

"browser_style": true

в манифесте расширения. Становятся доступными такие стили, как panel-section-footer-button.

Мой вопрос: откуда вы знаете, как использовать стили по умолчанию, кажется, нет официального источника или их описания?

Связанный:

  • CSS во встроенном ресурсе chrome://browser/content/extension.css.

  • Этот пример всплывающего окна на сайте Mozilla, который использует некоторые стили по умолчанию..


css firefox-addon-webextensions
person mins    schedule 03.10.2016    source источник
comment
Новые веб-документы MDN объясняют это более подробно.   -  person rugk    schedule 06.04.2018

Ответы (1)


arrow_upward
9
arrow_downward

Использование "browser_style": true приводит к созданию файла chrome://browser/content/extension.css применяется к вашему HTML (в OSX вместо этого применяется chrome://browser/content/extension-mac.css).

В Mozilla есть Руководство по стилю, с которым вы можете ознакомиться, чтобы увидеть, как используются различные элементы и классы. Ссылка на это руководство по стилю находится в browser_style записи. в разделе "Синтаксис" на browser_action странице документации. Аналогичная ссылка находится в том же месте на странице page_action. Страница документации MDN. Лично я считаю более подходящим, чтобы информация, содержащаяся в Руководстве по стилю, размещалась непосредственно на MDN, а не на firefoxux.github.io.

Если вас интересуют только элементы и классы, вы можете найти примеры в разделе Компоненты. .

Примечание. В соответствии с некоторыми условиями, Firefox также пытается применить chrome://browser/content/extension-win-panel.css или chrome://browser/content/extension-mac-panel.css ни того, ни другого не существует.

person Makyen♦    schedule 03.10.2016
comment
Большое спасибо! Похоже, что местоположение этого руководства является секретом, передаваемым между поколениями посвященных, который невозможно найти самостоятельно :-) Для других, которые ищут ту же информацию, хорошей отправной точкой является этот. Я ценю вашу помощь. - person mins; 04.10.2016
comment
@mins, я рад, что смог помочь. Да, мне потребовалось некоторое время, чтобы заметить ссылку на Руководство по стилю. Пока я не нашел его, я думал, что буду просматривать исходный код, чтобы увидеть, что делается. Так что, по крайней мере, нам немного лучше, чем было бы без него. Информация действительно должна быть непосредственно на MDN, где мы ищем основную информацию, связанную с надстройками Firefox. - person Makyen♦; 04.10.2016
comment
@Полностью согласен, и... мне тоже понадобилось время и я начал думать, что буду читать только общие положения, к тому же ссылки на оглавление почему-то иногда не работают! Если бы я мог проголосовать дважды, я бы это сделал! - person mins; 04.10.2016