如何使用 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 启动器挂钩：

<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。