firefox-addon - Firefox アドオンで HTML ブロックを表示するにはどうすればよいですか?

Question

XUL を使用してツールバー ボタンを作成しました。このボタンをクリックすると、Google Chrome の拡張機能をクリックするのと同じスタイルで div がポップアップします。どうすればこれを達成できますか?

Answer 1

HTML 要素を XUL ドキュメントに追加したい場合は、その名前空間を定義する必要があります。

<window
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  xmlns:html="http://www.w3.org/1999/xhtml"
>

その後、HTML 要素を追加できますが、タグ名の前に名前空間を付ける必要があります。このような：

<vbox>
  <description>This is XUL element</description>
  <html:div>This is HTML element</html:div>
</vbox>

Mozilla Developer Networkの公式ドキュメントで、より多くの情報と例を見つけることができます。

Answer 2

<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
  <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

  <button label="Details" type="panel">
      <panel id="search-panel">
        <label control="name" value="Name:"/>
        <textbox id="name"/>
      </panel>
  </button>

   </window>

ボタンはツールバーボタンに置​​き換えることができます