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

【问题标题】：Increasing the limit on HTML element nesting in Firebug?增加 Firebug 中 HTML 元素嵌套的限制？
【发布时间】：2011-12-08 16:41:42
【问题描述】：

我有一个页面，其中包含从框架生成的深度嵌套的 HTML 元素。我想用 Firebug 来检查它。在某个深度，Firebug 不再显示元素内容。

重现此问题的最简单方法是使用此 perl sn-p。它将创建 100 个嵌套 div，每 10 个文本。

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

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

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

只有

<div ="">

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

版本是 Windows Firefox 7.0.1 和 Firebug 1.8.3

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

【问题讨论】：

我以前从未遇到过这个问题。任何具有超过 96 个嵌套元素的框架都是一个糟糕的框架，摆脱它。无论如何，这听起来像是一个技术限制，所以我怀疑 FireBug 方面是否有解决方案。
同意，我不认为这是 Firebug 的错。您应该重新标记您的问题并至少添加一个“perl”标签。
我已经修改了这个问题，以便更清楚地表明 perl 只是创建测试用例的最简单方法，并且其他浏览器检查器工作正常。
根据this，firefox 最多可以支持一百万个嵌套 div，因此可能是 Firebug 的问题。
放弃 Firebug，使用 Chrome 开发者工具。并填写 Firebug 错误报告。

【解决方案1】：

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

回到您的问题，我推测您的问题的答案是深度由 Firefox 决定，而不是 Firebug，因此无法更改。

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

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

【讨论】：

【解决方案2】：

和之前的评论一样，我建议尽量不要使用该框架，或者修改它。

【讨论】：