firefox-addon - 如何使用 DOM Inspector(或类似工具)检查我的独立 Xul 应用程序？

Question

我正在尝试检查我的独立 Xul 应用程序，但 DOM Inspector的页面只讨论浏览器上加载的文档。

如何检查我的独立 Xul 应用程序？

Answer 1

DOM Inspector 只能从它的宿主应用程序中检查文档——它正在扩展的应用程序(然后只有它安装到的配置文件)。如果您希望能够检查它，您需要在 XULRunner 应用程序上安装 DOM Inspector。

有一些关于如何在 XULRunner 应用程序上安装 DOM Inspector 的文档，[1] 快速浏览它看起来是正确的，但它的方式有点矫枉过正，特别是如果您已经在应用程序中启用了附加组件管理器。

如果附加组件管理器尚未启用，请将这两行添加到您的 application.ini 中:

[XRE]
EnableExtensionManager=1

我假设由于您正在开发 XULRunner 应用程序，因此您已经可以从您的应用程序访问错误控制台。打开它并将其粘贴到那里以打开附加组件管理器:

window.openDialog("chrome://mozapps/content/extensions/extensions.xul",
                  "", "chrome,dialog=no,resizable=yes");

从那里，单击“安装...”并在您的系统上找到 DOM Inspector XPI，将其安装到您的 XULRunner 应用程序的当前配置文件中。

您现在应该可以使用“-inspector”开关从命令行启动 DOM Inspector，但您可能想要一种从应用程序中打开它的方法。通过将以下行添加到应用程序的 XUL 中，包含 DOM Inspector 启动器 Hook :

<script type="application/javascript"
        src="chrome://inspector/content/hooks.js"/>

现在添加具有属性的 XUL 按钮、菜单项等

oncommand="inspectDOMDocument();"

或者你可以这样做

oncommand="inspectDOMDocument(document);"

这将使 DOM Inspector 默认检查应用程序的文档。

[1]: https://developer.mozilla.org/en/XULRunner_tips#DOM_Inspector “XULRunner 提示”。 MDC。