如何在Firefox的当前@media查询中显示CSS？ [英] How to show CSS in current @media query in Firefox?

问题描述

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

正如您在 Styles 面板，Chrome会以 min-width：1200px 智能地显示我目前的媒体。然而，Chrome目前正在吸取大量的电脑内存，因此我不得不切换回Firefox，也就是Firebug。）然而，Firebug忽略了媒体查询部分：

/ p>

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

解决方案

Firebug没有实现该功能。它在 issue 5329 中被要求，虽然Firebug现在已经停止，所以它不会尽管Firefox DevTools的 Rules 侧面板显示@media查询。

要使其显示，请在选项面板中取消选中显示原始资源选项。

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

In the Chrome DevTools I can inspect an element to see its CSS and the related media query:

As you can see in the Styles panel, Chrome intelligently shows my current media with min-width: 1200px. However, Chrome is currently sucking lots of my computer's memory and therefore I have to switch back to Firefox, i.e. Firebug).

However, Firebug misses the media query part:

Is there any possibility/extension in Firefox that can show the CSS rules along with their current media queries?

解决方案

Firebug doesn't have that feature implemented. It was requested in issue 5329, though Firebug is discontinued now, so it won't be implemented anymore.

Though the Rules side panel of the Firefox DevTools does show @media queries.

To get them displayed uncheck the option Show original sources within the options panel.

As [upcoming versions of Firebug will integrate into the DevTools][4], they will inherit this feature.

这篇关于如何在Firefox的当前@media查询中显示CSS？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！