如何制作Firebug组计算样式?

时间:2016-04-29 22:11:40

标签: firefox firebug

Firebug过去常常在Computed面板中显示样式,计算样式分组:

enter image description here

但由于某种原因,它现在显示如下计算样式:

enter image description here

唯一可用的分组是"其他"它似乎包含每个CSS样式。如何组合CSS样式组?

我使用Firefox 46和Firebug 2.0.16。变化开始似乎无处不在,我没有调整任何设置。

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

2 个答案:

答案 0 :(得分:7)

这显然是Firebug与Firefox 46.0结合使用时的一个错误。在Firefox 45.0.x中它仍然可以正常工作。

我在Firebug的问题跟踪器中已经filed a bug已经fixed it了。created a build with that fix。我也bug 977128。现在,由Firebug团队做出正确的新发布。

请注意,Firebug团队已经开始使用Firebug 3,它集成到Firefox DevTools中。这些工具尚未进行分组,但已在Firebug 2.0.17 got released中提出要求。

<强>更新

enter image description here,其中包含上述修复程序。

<强>更新

Firebug正式停产,即其维护已经停止,有利于推动Firefox DevTools的开发。

答案 1 :(得分:0)

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