見出し画像

常に最新CSSを自動で読み込ませる方法

「WEB制作あるある」ですが、サイト制作の際にクライアントから修正依頼を受けて、CSSを更新するケースは良くありますよね。その時に以下のように言われた経験は無いですか?

クライアント「修正依頼をした箇所が直っていないのですが…」

しっかり修正をして、確認もしたはずなのに…なぜ??

このケースはブラウザのキャッシュが原因なのですが、このキャッシュというものは通常のリロード(更新)では書き換わりません。なかにはブラウザ固有のものだけでなく、サイトの仕様でキャッシュをしっかり残すものなどもあるようです。
この場合、「CTRL+F5」で「スーパーリロード」を行うと大抵は解消されるのですが、毎回クライアントに説明するのも少し面倒ですし、自動で最新のCSSを常に読み込んでくれたら便利だと思いませんか?

方法はCSS読み込み記述を、以下のScriptに置き換えるのみです。

<script type="text/JavaScript">
<!--
   document.write('<link href="/ファイルパス/css/style.css?ver='+ new Date().getTime() +'" rel="stylesheet" type="text/css">');
//-->
</script>

たったこれだけでストレスフリーなWEB更新が可能になります!
お試しあれ(o´▽`o)v

宜しければ………