2016-05-02 35 views
17

Firefoxで「スタイルシートを読み込めませんでした」というメッセージを調べるにはどうすればよいですか?このメッセージは、ページの内容の下、開発者ツールの上に赤色のバーとして表示されます。ブラウザがどのファイルを参照しているかを調べるにはどうすればよいですか?私はLinux Mint 17.3でバージョン46.0を実行しています。Firefoxで「スタイルシートを読み込めませんでした」というメッセージを調べるにはどうすればよいですか?

更新

私はFirefoxで開発者ツールのコンソールを見れば、それはすべてのCSSファイルを示し、各ファイルに対して、「HTTP/1.1 200 OK」を言います。

別の更新

このエラーバーは来て行く、それが特定のページのために一貫していません。

+0

これは、ChromeやIEなどの他のブラウザで発生しますか? – Martin

+0

私はどちらのブラウザーも使用していません。 – tyebillion

+1

これはかなり率直な回答です。別のブラウザであなたのウェブサイトをチェックしていないので、問題があなたのブラウザまたはあなたのウェブサイトによって引き起こされているかどうかは今は分かりません。他のブラウザーに同じエラーが表示されているかどうかを確認するために、他のFirefox以外のブラウザーを使用して、ロジック構造のどこにエラーが発生しているかを確認します。 – Martin

答えて

4

これは、ほとんどの場合、CSSがgzipされたときに発生しますが、サーバはではなく、という圧縮リソースを返します。これはmod_deflateとmod_fastcgiを併用した場合に発生します。これはFirefox側ではなくサーバー側のバグです。

+0

mod_fastcgiをmod_fcgidに置き換える価値はありますか?私は現時点でlocalhostを実行しているだけなので、それが有害でないなら...それは重要ですか? – tyebillion

+0

@tyebillion私は 'mod_fcgid'と同じ問題を経験します。だから私は答えがノーだと思います。 – twigmac

1

更新通知:

Firebugのではなく、放火犯のあなたは内蔵のFirebugの型の診断とツールを持っているFirefox Developer Editionを使用したい、古くなっている

Get Firebug、またはその他のビュー。ページソースコード(Firefox上で右クリックし、ソースの表示を選択)をクリックし、HTMLページの<head>セクションで参照されているように各.cssスタイルシートをクリックします。これらのうちの1つ以上がエラー404またはその他のエラーを返します。

各CSSシートは、HTMLヘッダーの<link>要素にあります。

例:<head>セクションでは、コードの山を与えるこのページのソースコードを表示するには、

<link>です:

<!DOCTYPE html> 
<html itemscope itemtype="http://schema.org/QAPage"> 
<head> 
... 
<link rel="stylesheet" type="text/css" href="//cdn.sstatic.net/Sites/stackoverflow/all.css?v=8c7d44a438e6"> 
... 
</head> 

これは、スタイルシート内が存在することを示していますリンク要素、およびあなたのページ/サイトのすべてをクリックすると(複数ある場合もあります)、特定のエラーを出すものを探します。

UPDATE:私はFirefoxで開発者ツールのコンソールを見れば

(更新)、それはすべてのCSSファイルを示し、各ファイルに対して、 "HTTP/1.1 200 OK" を言います。

したがって、あなたは到達不能リソースに出てリンクされているドキュメントを参照しあなたのCSSおよび関連文書のそれぞれにを探している必要があります。

+0

私は理解していない、なぜそれがFirefoxのコンソールまたはネットワークのパネルに記載されていないのですか? Firefoxがエラーを中継していることを意味します。 – tyebillion

+0

(sigh)、[Firebugを入手](http://getfirebug.com/)。火かき棒を使用してください。それはあなたに何を伝えますか?私の答えでは、外部コンテンツのCSSファイルをそれぞれ探して、そのコンテンツをブラウザウィンドウから直接開くことができるかどうかを確認するなど、その点を示唆しています。 @tyebillion – Martin

+0

いいえどこにエラーが表示されるのですか?Firefox開発ツール、Firebug、Chrome開発ツールでは表示されません。エラーが消えたので、Firefoxがクリアしなかったのは古いエラーだと思う。おそらく、開発者のツールパネルを閉じて再度開くと、エラーがクリアされている可能性があります。 – tyebillion

0

このスタックエクスチェンジのページからこのエラーが発生しましたが、Firebugコンソールに赤い線が表示されました。それはリンクhttps://cdn.sstatic.net/Sites/stackoverflow/all.css?v=743e70f26396を指していたので、私はページソースコピーをチェックした/リンクを新しいタブに貼り付けて、Enterキーを押しました。 Firefoxがセキュリティ問題証明書のエラーを叫んだので、例外を追加してCSSが読み込まれました。このエラーはChromeまたはIEには表示されませんでした。

簡単に修正できます。

関連する問題