IEでローカルファイルのCSSやJavaScriptが適用されない

Internet Explorer で Webページ を制作していて動作を確認する際に、CSS や JavaScript が適用されないことがあります。それも、単に適用されないのではなくて、ページのリロードを繰り返すと適用されたり適用されなかったり、というケースです。

原因は、CSS や JavaScript の呼び出しの指定が、ローカルとリモートで混在して記述されていることにあります。例えば以下のような感じです。

<link rel="stylesheet" type="text/css" href="./css/default.css" />
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

上記の場合、CSS をリモートサーバ上にアップロードして確認したところ(もちろん HTML も)、何度リロードをしても正しく表示されるようになりました。

なお、同様の件で 人力検索はてな で質問があったようですが、明確な解決には至らないまま質問が終了したようです。

Powered by はてなブログ