增加Firebug中HTML元素嵌套的限制

Question

我有一个从框架生成的具有深度嵌套HTML元素的页面。我想用Firebug检查一下。在一定深度时，Firebug不再显示元素的内容。

重现这个问题的最简单方法是使用这个perl代码片段。它将创建100个嵌套div，每10个文本。

foreach $i (1 .. 100) {
  print "<div id="$i">n";
  print $i if (0 == ($i % 10));
}
print "</div>n" x 100;

使用Firebug检查文本"100"，在div 96处而不是

<div id="96">
  ... contents ...

只有

<div ="">

有可能增加Firebug可以应付的深度吗?

版本为Windows Firefox 7.0.1和Firebug 1.8.3

Chrome中的"inspect element"在这个例子中工作得很好，Internet Explorer 8中的F12检查也是如此。

Answer 1

首先，正如在一些评论中已经提到的:什么框架产生那种深度?:)最好试着解决这个问题。

回到你的问题，我推测你的问题的答案是深度是由Firefox决定的，而不是Firebug，因此不能改变。

FB插件是开源的。我以前从来没有看过它，但是浏览这个源文件，似乎aria-expanded属性是用来创建树的。再进一步推测，基于这个aria属性，我猜Firefox的value-max设置在100左右。

顺便说一下，有趣的是，如果我在Firebug中继续用"右"箭头键扩展，它似乎会一直扩展到第100个div:你可以在html上方的栏中看到这一点(就在{Console, html，…} bar)。它只是在某个最大深度处停止的折叠/展开可视化。

Answer 2

就像前面的评论一样，我建议尽量不要使用这个框架，或者修改它。