Firebug(Firefox Web Developmentアドオン)では、現在アクティブなメディアクエリルールを表示できますか?Firebugで現在アクティブなメディアクエリルールを表示
例:いつものようにdiv要素を監視します。次に、ブラウザのウィンドウを400pxより小さくなるようにスケールします(または、FirefoxのWeb Devスクリーンサイズツールを使用します)。私はこのような要素のために現在アクティブなルールのリストを見たいと思っています。
@media screen and (max-width: 400px) {
div { float: left }
}
Firebugまたは同様のツールで可能ですか?
私はFirebugのを使用していないが、ほとんどの他のブラウザでは、開発者ツールが適用されているもののスタイルを紹介しますだけでなく、同様にそれらのスタイルのソース。 Chromeでは、実際にルールがセレクタを示すセクションにあります。 –
Firebugでは適用されないルールは取り消し線です。縮小されたファイルを使用しない場合は、ルールの横にある行番号になります。 – Core972
ええ、私はそれをすべて知っていますが、アクティブなスタイルを探すには、多くのスタイルを持つWebサイトでかなり時間がかかることがあります。さらに、これらのスタイルのいくつかが複数のCSSソースからのものであれば、だから私は迅速かつポイントツールのツールを探しています。 – bortran