So fügen Sie UI-Elemente aus einem bootstrapped Firefox-Addon hinzu

Question

Ich schreibe ein Firefox-Addon für Firefox 4, mit dem Sie bootstraped addons erstellen können (Add-Ons, die keinen Neustart des Browsers erfordern), die Sie jedoch nicht verwenden können XUL zum Erstellen von UI-Elementen. Was ist eine einfache Möglichkeit zum Erstellen von UI-Elementen an Orten wie dem Menü Werkzeuge (mit JavaScript), und wie mache ich mein Addon ein neues Fenster für die Schnittstelle mit dem Browser zu öffnen?

Answer 1

Die Mozilla Add-on SDK, die auch als JetPack bekannt ist, hat sich bis zu dem Punkt entwickelt, an dem ganze Add-Ons erstellt werden können. Die Add-Ons sind nicht nur schnell und einfach zu erstellen, sie sind auch ohne Neustart.

Die beste Möglichkeit zum Hinzufügen von UI-Elementen mit dem SDK ist die Verwendung der Widget API, mit der Sie problemlos ein Symbol zur Statusleiste hinzufügen können. Es gibt auch andere APIs für das Kontextmenü und das Erstellen von Panels.

Answer 2

Es ist jetzt nicht einfach. Sie müssen den Überblick über Browserfenster halten, wie sie öffnen und zu schließen und die Benutzeroberfläche zu jeder manuell über DOM APIs

Siehe Fenster hinzufügen, wie es in dem Addon (früher Jetpack) SDK implementiert ist: https://github.com/mozilla/addon-sdk/blob/master/packages/addon-kit/lib/widget.js#L215 (browserManager, falls die Zeilennummern Veränderung).