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

在Chrome开发工具中，我可以检查一个元素以查看其CSS和相关的媒体查询：

正如您在“样式”面板中所看到的，Chrome智能地以

最小宽度：1200px

显示我当前的媒体。然而，Chrome目前占用了我电脑的大量内存，因此我不得不切换回Firefox，即Firebug）

但是，Firebug忽略了媒体查询部分：

---

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

Firebug没有实现该功能。它是在中请求的，尽管Firebug现在已经停止，所以它将不再被实现

尽管Firefox开发工具的规则侧面板显示@media查询。

要使其显示，请取消选中“选项”面板中的“显示原始源”选项。

---

由于[Firebug即将发布的版本将集成到DevTools][4]，它们将继承此功能。

更新2019

要显示当前媒体查询，请打开设置（F1来自开发工具）并选中检查器部分下的“显示浏览器样式”

介质查询将显示在文件名和行号的右侧

---

媒体查询信息是否应该打开？否，因为原始来源可能不是CSS，而是像SASS或更少的预处理语言。这可能实际上已经改变了，我最近没有检查。