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>

按钮可以替换为工具栏按钮