网址扩展：如何使用“browser_style = true”？

在编写Firefox Web扩展时，可以对浏览器或页面操作使用默认的CSS，以便将其设置为其他浏览器UI组件的样式。它通过插入：网址扩展：如何使用“browser_style = true”？

"browser_style": true

在扩展清单中。类似于panel-section-footer-button的样式变为可用。

我的问题：您如何知道如何使用默认样式，似乎没有官方消息或其描述？

相关：

在CSS内置资源chrome://browser/content/extension.css。
这popup example Mozilla的网站，它使用了一些默认的样式..

来源

2016-10-03 mins

使用"browser_style": true导致chrome://browser/content/extension.css文件being applied to your HTML（on OSXchrome://browser/content/extension-mac.css应用代替）。

Mozilla有一个Style Guide，你可以仔细看看如何使用各种元素和类。此样式指南的链接位于browser_style entry within the "Syntax" section of the browser_action documentation page。类似的链接位于page_action MDN documentation page的相同位置。就个人而言，我认为风格指南中包含的信息直接托管在MDN上而不是在firefoxux.github.io上更合适。

如果您只是对元素和类感兴趣，可以在Components section下找到示例。

注意：在some conditions下，Firefox也有attempts to applychrome://browser/content/extension-win-panel.css或chrome://browser/content/extension-mac-panel.css这两者都不存在。

来源

2016-10-03 22:20:57 Makyen

非常感谢！看起来这个指南的位置是一代人之间传递的一个秘密，不可能通过你自己找到:-)对于其他寻找相同信息的人来说，一个好的切入点是[this]（https：//firefoxux.github。 IO /风格指南/＃/对照）。我感谢您的帮助。 – mins

@mins，我很高兴能够提供帮助。是的，我花了一点时间才注意到风格指南的链接。直到我找到它之前，我一直在想我将通过源代码来查看正在完成的任务。所以，至少我们比没有它的时候好一点。这些信息应该直接在MDN上，我们将在这里搜索与Firefox附加组件有关的主要信息。 – Makyen

@完全同意，而且......我也花了些时间，并开始思考我只会阅读一般性内容，另外由于某些原因，目录链接有时不起作用！如果我可以两次投票，我会！ – mins

网址扩展：如何使用“browser_style = true”？

回答

相关问题