html - 增加 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”，而不是 96 格

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

只有

<div ="">

是否可以增加 Firebug 可以应对的深度？

版本是带有 Firebug 1.8.3 的 Windows Firefox 7.0.1

Chrome 中的“检查元素”在此示例中运行良好，Internet Explorer 8 中的 F12 检查也是如此。

Answer 1

首先，正如一些评论中提到的那样:什么框架产生了这种深度？ :) 最好尝试解决这个问题。

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

FB 插件是开源的。以前没看过，扫了一眼this source file aria-expanded 属性似乎用于创建树。推测更多，基于this aria attribute我猜想 Firefox 的 value-max 设置在 100 左右。

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