如何在Firefox中显示当前@media查询中的CSS？

Question

在Chrome DevTools中，我可以检查元素以查看其CSS和相关的媒体查询：

正如您在样式面板中看到的，Chrome会使用min-width: 1200px智能地显示当前媒体。但是，Chrome目前正在吸取大量的计算机内存，因此我必须切换回Firefox，即Firebug。

但是，Firebug错过了媒体查询部分：

Firefox中是否有任何可能/扩展可以显示CSS规则及其当前的媒体查询？

Answer 1

Firebug没有实现该功能。虽然Firebug现已停止使用，但issue 5329已要求它，因此它将不再实施。

虽然Firefox DevTools的 Rules 侧面板确实显示了@media查询。

要显示它们，请取消选中选项面板中的选项显示原始来源。

随着[即将推出的Firebug版本将集成到DevTools] [4]，他们将继承此功能。