如何制作 Firebug 组计算样式?

How to make Firebug group computed styles?

Firebug 曾经像这样在计算面板中显示样式,计算样式分组:

但出于某种原因,它现在显示这样的计算样式:

唯一可用的分组是 "Other",它似乎包含每个 CSS 样式。如何将 CSS 样式组合在一起?

我在 Firebug 2.0.16 中使用 Firefox 46。变化似乎不知从何而来,我没有调整任何设置。

我尝试切换下拉菜单中的每个选项。 computedStylesDisplay 设置的值为 grouped(默认值)。我尝试切换到 alphabetical,然后又切换回 grouped,但没有任何改变。

这显然是 Firebug 与 Firefox 46.0 结合使用时的错误。在 Firefox 45 中。0.x 它仍然工作正常。

filed a bug for that in Firebug's issue tracker and already fixed it. I have also created a build with that fix。现在由 Firebug 团队来制作一个合适的新版本。

请注意,Firebug 团队已经在开发 Firebug 3,它已集成到 Firefox DevTools 中。这些工具还没有分组,但已经在 bug 977128.

中请求了分组

更新:

Firebug 2.0.17 got released,其中包括上述修复。

更新:

Firebug 正式停产,即停止维护以支持 Firefox DevTools 的开发。

我 运行 遇到了同样的问题。它并没有完全解决问题,但我发现至少有一点帮助是单击选项 -> 显示快速信息框。为您在 HTML 控制台中悬停的元素提供当前应用的样式列表,但遗憾的是不提供原始 CSS 参考线。