ECサイト制作で
どうしてもcssをキャッシュさせたくなかったので、備忘録。
通常外部cssの読み込みには
|
1 |
<link href="example.css" rel="stylesheet" type="text/css" /> |
と記述しますが、
キャッシュさせたくない場合には
|
1 |
<link href="example.css?ver=●●●" rel="stylesheet" type="text/css" /> |
のように.cssの後にクエリ文字列を加えてやることで次回の読み込みはキャッシュがクリアされます。
しかし、リロードの度にクリアしたい場合は自動的にクエリ文字列を変更するなどしなければなりません。
そこで、smartyのパラメータを利用して日付や時間を自動挿入してやります。
|
1 |
<link href="example.css?ver={$smarty.now|date_format:%H%M%S}" rel="stylesheet" type="text/css" /> |
上の例は現在時間、時間・分・秒を挿入しています。
これで、秒単位でクエリ文字列が変動するので、ほぼリロードする度にcssがクリアな状態で読み込まれます。