2016-04-02 7 views
5

私はいつもfssインスペクタを使用してCSSをデバッグしていましたが、以前にこの問題が発生していなかったので、このウェブサイトのCSSを確認しようとしました。 )が、検査員は、ウェブページ上の任意の要素のために何を示していない。インスペクタはいくつかのウェブサイトでCSSを表示しません

enter image description here

検査官は、ウェブサイトの開発者は、CSSやないを非表示にすることを意図している場合わからない、しかし他のウェブサイト上で正常に動作しますが、Iいくつかの奇妙なCSSのリンクがプロキシを使用しているようです:

enter image description here

これはCSSを隠すための新しいトリックですか、それともFirefoxのインスペクタのバグですか?それとも何か他のことですか?私はFirefoxバージョン45.0.1

+0

として提出され、これを見つけました。インスペクタであなたのスクリーンショットと同じ要素をターゲットにしました。 FFとChromeのインスペクタで利用できるすべてのHTMLとCSS問題はありません。 –

+0

私はそのウェブサイトで何も見ることができません、私は2つの異なるコンピュータで試しました。 – razzak

+0

実際には、一度ページをリフレッシュすると、すべてのCSSがFFのインスペクタから消えてしまいました。あなたが正しい。 –

答えて

1

を使用してい

は、私は、これはすでに修正されている既知のバグであるかなり確信しています。 私はこのウェブサイト上にアカウントを持っていないので、私は確信が持てませんが、最近の問題は非常に似ています。

これは、いずれかである:FF48で修正されてい https://bugzilla.mozilla.org/show_bug.cgi?id=1255787 (それはsourcemapのURLを定義したインラインスタイルシート<style>を関与)。

https://bugzilla.mozilla.org/show_bug.cgi?id=1249888 これはFF47で修正され、FF46にも上書きされています(CSSソースマップURLが間違っています)。

これを確認するには、これらのバージョンを再度テストします。それでも問題が解決しない場合は、https://bugzilla.mozilla.org/enter_bug.cgi?product=Firefox&component=Developer%20Tools%3A%20CSS%20Rules%20Inspectorに新しいバグを登録してください。ブラウザコンソールに表示される可能性のあるエラーを再現したり、貼り付けることができます(ctrl + shift + J)。

いずれにしても、これは望ましい動作ではありません。まれに、特定の要素にCSSルールが表示されない場合、パネルに「有効な要素が選択されていません」または「CSSルールが見つかりません」というメッセージが表示されます。パネルが空の場合、それは間違いなくバグです。

0

開発サーバーで自分のサイトを調べているときにFirefox 49でこれを見ました。私がスタイルエディタのタブに行ったとき、リストは巨大で、スピナーは回転し続けます。

私はdevツール設定に行き、 "show original sources"を無効にしました。 [スタイルエディタ]タブに2つのファイルが表示され、CSSルールが表示されるようになりました。

は、だから、僕はそのサイトのアカウントを作成し、私はすでにhttps://bugzilla.mozilla.org/show_bug.cgi?id=1097834

関連する問題