问题标签 [dom-inspector]

我的桌面上的 Fennec 上安装了 Dom Inspector，有时 cmd+shift+i 热键有效，有时无效（或者我可能忘记了？）.. 所以我想知道是否有人知道当 Fennec 打开时，有一个命令行标志可以用来打开 dom 检查器吗？

对于我正在处理的项目之一，我必须使用 DOM Inspector 来调试 Firefox 扩展。

DOM 检查器的问题在于它只在代码下方显示浏览器，无法分离浏览器或并排显示代码部分或浏览器。

它对我不起作用，因为我正在调试的插件有一个很大的 xul 覆盖，并且有问题的区域位于底部，因此没有物理方式可以查看该区域的代码以及该区域本身。

所以我决定修改 DOM Inspector 本身，将浏览器放在代码编辑器的一侧。

以下是我采取的步骤：

1. 从配置文件目录中获取现有的 xpi 文件。
2. 把它改成了一个拉链。
3. 进入内部并inspector.jar使用jar -xf <filename>
4. 去inspectorOverlay.xul并更改<vbox id="bxInspectorMain">为hbox。（这应该足以水平放置这两个窗口。）
5. 然后我使用jar cf.
6. 压缩目录，确保名称相同并将扩展名更改回 xpi。

但是，当我尝试运行它时，会收到以下警告：

我的问题是 - 我通常需要进行哪些其他更改才能正确解释 xpi？

我真的不喜欢 Firefox DOM Inspector。是否有一个停靠在页面上，所以我没有两个单独的窗口，并且还像 Chrome/Safari 那样突出显示框/边距/填充？我找不到一个。

如何自定义 Firefox DOM Inspector？白色和字体大小使其难以阅读。

在具有 File 菜单的旧 DOM Inspector 中，我可以选择 chrome 文档（浏览器 UI）本身进行检查。但是，在这个新版本中，我似乎无法弄清楚如何检查 chrome 文档。我检查了启用浏览器调试。

有人可以告诉我如何浏览浏览器 UI 的 Dom 吗？

Firefox Dom 检查器 http://www.dragonwebprogramming.com/websites/temp/dom.gif

我有在执行时更改 DOM 的代码，我想在代码执行期间检查 DOM。问题是，如果我暂停脚本执行（即使用断点），Chrome 会阻止我检查 DOM。

有没有办法做到这一点？

（具体来说，例如，我想在动画期间检查 SVG 元素）

在 Firefox 中使用 DOM Inspector，很容易找到被检查资源的 URI，即使该资源是 Firefox 的 UI 的一部分或者是 IFRAME。

使用内置的 Firefox 开发者工具，如何完成同样的任务？