min*_*ins 5 css firefox-addon-webextensions
在编写Firefox Web扩展时,可以使用默认的css进行浏览器或页面操作,以便它们像其他浏览器UI组件一样进行样式设置.这是通过插入:
"browser_style": true
在扩展清单中.样式panel-section-footer-button可用.
我的问题:你怎么知道如何使用默认样式,似乎没有官方来源或描述？
有关:
内置资源中的css chrome://browser/content/extension.css.
Mozilla网站上的这个弹出式示例,它使用了一些默认样式.
使用应用于HTML"browser_style": true的chrome://browser/content/extension.css文件中的结果(在OSX chrome://browser/content/extension-mac.css上应用).
Mozilla有一个样式指南,你可以仔细阅读,看看如何使用各种元素和类.此样式指南的链接browser_style位于browser_action文档页面"语法"部分的条目中.类似的链接位于page_actionMDN文档页面的相同位置.就个人而言,我觉得更适合将样式指南中包含的信息直接托管在MDN而不是MDN上firefoxux.github.io.
如果您只对元素和类感兴趣,可以在" 组件"部分下找到示例.
注意:在某些情况下,Firefox也会尝试应用, chrome://browser/content/extension-win-panel.css或者chrome://browser/content/extension-mac-panel.css两者都不存在.