静的リソースの警告クローム（CSS/GIF/PNG/JS）

Question

すると、Webページは、私がMIMEタイプtextで転送

リソースがスタイルシートとして解釈されず、 としてデバッガで警告取得していますロードされ、これまで/プレーン。

ブラウザがjs、css、gif、およびpngファイルを要求すると、上記の警告が表示されます。この警告

Answer 1

まあ、エラーメッセージはそれをすべて言います。

あなたのウェブサーバが送信し間違っ/のContent-Type HTTPヘッダーを逃します。

HTTP Header Checkを使用し、js/css/gif/pngのURLを入力して、サーバーが送信するContent-Typeヘッダーを確認します（私はまったく、またはtext/plainとは思わない）。

次に、適切なMIMEタイプを送信するようサーバーを修正するか、サーバー管理者に連絡してください。

正しいContent-Type値が

text/cssする必要があります - の.jpg/.jpegのファイル

用> - > .cssファイル用

image/gif - > .gifファイルのための

image/jpeg

application/javascript - > .jsファイルの場合

image/png - > .pngファイル

あなた自身を幸運に思う;）。間違った/見つからないコンテンツタイプヘッダーが設定された/送信されたときの以前のバージョンのChromeでは、Chromeの警告です。 CSSはまったく適用されませんでした。

Answer 2

を解決する方法

任意のアイデアは、それはあなたのサーバの設定に問題があります。おそらく、MIMEタイプで遊んでいる迷子な.htaccessファイルがあります。

Answer 3

また、このエラーが発生しているリソースに対してHTTPヘッダーチェックユーティリティを使用すると、要求されたリソースに対して正しいMIMEタイプの有効なContent-Typeヘッダーが返されます。また、これらのヘッダーをFirefox/Live HTTPヘッダーとwgetで検証しました。

実際にChromeのバグで、これらの種類のファイルのこの特定のヘッダーを無視する原因になっているのだろうかと思います。

Answer 4

私は、Djangoの開発用Webサーバーが、間違ったヘッダーを含むすべての画像/ CSSなどを提供していることがわかりました。ジッタの応答はこれを解決するための最善の方法ですが、サーバーを修正することは必ずしもオプションではありません。

Chrome Inspectコンソールウィンドウで2つのヘッダー（エラー&ログ）をCtrl +クリックすると、Chromeで警告を非表示にしてエラーとログのみを表示できます。基本的にすべての警告を隠しています。

単純なハックですが、確かにDjangoでのデバッグは難しく、迷惑になります。

Answer 5

私の/ public /フォルダ内のディレクトリの名前を変更した後、この問題が発生しました。 Chromeのキャッシュが古いディレクトリからファイルを読み込もうとしましたが、画像の代わりにエラーページが返されていました。したがって、.jpgは期待していましたが、text/htmlを受け取っているというエラーが表示されます。

Answer 6

あなたにこのコスを追加購入する警告を隠すJS：

console.groupCollapsed(' ');console.log('just example');console.groupEnd(); console.log('b')