如何在 Firefox 的当前 @media 查询中显示 CSS？
How to show CSS in current @media query in Firefox?
在 Chrome DevTools 中，我可以检查一个元素以查看它的 CSS 和相关的媒体查询：
正如您在 样式 面板中看到的那样，Chrome 智能地显示我当前的媒体 min-width: 1200px。但是，Chrome 目前正在占用我计算机的大量内存，因此我必须切换回 Firefox，即 Firebug)。
但是，Firebug 遗漏了媒体查询部分：
Firefox 中是否有任何 possibility/extension 可以显示 CSS 规则及其当前媒体查询？
Firebug 没有实现该功能。它是在 issue 5329 中提出的要求，但现在 Firebug 已停产，因此不会再实施。
尽管 Firefox DevTools 的 Rules 侧面板确实显示了@media 查询。
要显示它们，请在选项面板中取消选中 显示原始来源 选项。
由于 [Firebug 的即将发布的版本将集成到 DevTools][4]，它们将继承此功能。
2019 年更新
要显示当前媒体查询打开设置（F1 来自开发工具）并检查 Inspector 部分下的 "Show Browser Styles"。
媒体查询将显示在文件名和行号的右侧。
在 Chrome DevTools 中，我可以检查一个元素以查看它的 CSS 和相关的媒体查询：
正如您在 样式 面板中看到的那样，Chrome 智能地显示我当前的媒体 min-width: 1200px。但是，Chrome 目前正在占用我计算机的大量内存，因此我必须切换回 Firefox，即 Firebug)。
但是，Firebug 遗漏了媒体查询部分：
Firefox 中是否有任何 possibility/extension 可以显示 CSS 规则及其当前媒体查询？
Firebug 没有实现该功能。它是在 issue 5329 中提出的要求，但现在 Firebug 已停产，因此不会再实施。
尽管 Firefox DevTools 的 Rules 侧面板确实显示了@media 查询。
要显示它们，请在选项面板中取消选中 显示原始来源 选项。
由于 [Firebug 的即将发布的版本将集成到 DevTools][4]，它们将继承此功能。
2019 年更新
要显示当前媒体查询打开设置（F1 来自开发工具）并检查 Inspector 部分下的 "Show Browser Styles"。
媒体查询将显示在文件名和行号的右侧。