如何使用DOM检查器（或类似工具）检查我的独立Xul应用程序？

Question

我想检查我的独立Xul应用程序，但DOM检查器的页面只涉及在浏览器上加载的文档。

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

- The Student

---

你看过 文件 -> 检查 Chrome 文档 吗？这个列表中的一个条目可能是你的。 - Felix Kling

@Felix Kling 我已经查看了，没有一个是我的。顺便说一下，我是从Firefox工具菜单开始的，我不知道这是否只列出Firefox页面，但我相信不是... - The Student

你是从Firefox启动应用程序吗？如果不是，无论如何都无法进行检查。我只能说，你从Firefox打开的每个窗口应该都会在那里列出。 - Felix Kling

@Felix Kling 我的应用程序是一个独立的应用程序，与 Firefox 没有任何关系。我只是使用 Fifefox 插件，因为它的描述说它可以用于检查 Firefox 页面和 Xul 应用程序。 - The Student

Answer 1

DOM Inspector只能检查其扩展的宿主应用程序的文档（然后仅限安装到其中的配置文件）。如果您想要检查XULRunner应用程序，则需要在其上安装DOM Inspector。

有一些关于如何在XULRunner应用程序上安装DOM Inspector的文档[1]，从快速浏览来看似乎是正确的，但它过于复杂，特别是如果您的应用程序已启用了Add-on Manager。

如果Add-ons Manager尚未启用，请将以下两行添加到您的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。

- Colby Russell

---

在某些情况下，修改 prefs.js 可能也是有帮助的。 - vo1stv