Web Extension: Wie verwende ich "browser_style = true"?

Question

Beim Schreiben einer Firefox-Web-Erweiterung ist es möglich, eine Standard-CSS für Browser- oder Seitenaktionen zu verwenden, so dass sie wie andere Browser-UI-Komponenten formatiert sind. Es ist getan, indem Sie einfügen:

"browser_style": true 

in der Erweiterung manifest. Stile wie werden verfügbar.

Meine Frage: Wie können Sie wissen, wie man die Standardstile verwendet, es scheint keine offizielle Quelle oder Beschreibung von ihnen zu sein?

---

Verwandte:

• Die CSS in Einbau-Ressource chrome://browser/content/extension.css.

• Diese popup example auf Mozilla-Website, die einige Standardstile verwendet ..

Answer 1

Mit "browser_style": true Ergebnisse in der chrome://browser/content/extension.css Datei being applied to your HTML (on OSXchrome://browser/content/extension-mac.css angewendet wird statt).

Mozilla hat eine Style Guide, die Sie sehen können, wie verschiedene Elemente und Klassen verwendet werden. Der Link zu diesem Style Guide befindet sich in der browser_style entry within the "Syntax" section of the browser_action documentation page. Ein ähnlicher Link befindet sich am gleichen Ort auf der page_action MDN documentation page. Für mich persönlich wäre es angemessener, wenn die Informationen im Style Guide direkt auf MDN gehostet werden und nicht unter firefoxux.github.io. Wenn Sie nur an den Elementen und Klassen interessiert sind, finden Sie Beispiele unter der Components section.

Hinweis: Unter some conditions, Firefox auch attempts to applychrome://browser/content/extension-win-panel.css oder chrome://browser/content/extension-mac-panel.css keine von denen existieren.