CSS更新時に自動で更新日時のクエリをつけることで解決

カテゴリー︎: 【CSS】

修正したCSSを、サーバーにUPしても、変更が反映されない原因のおおくは

CSSキャッシュでしょう

これは、CSSキャッシュ対策で簡単に設定できる方法

CSS更新時に自動で更新日時のクエリをつけることで解決する

やりかたは、phpの関数で現在の時間を取得して、cssファイルの後に



<link rel="stylesheet" type="text/css" href="css/style.css?<?php date_default_timezone_set('Asia/Tokyo'); echo date('YmdHi'); ?>">


この設定だけで、ブラウザを開くたびに、日付が更新されるので

ブラウザは新しいファイルだと認識して、結果CSSキャッシュを使わずにCSSを読み込む

ということになる



出力結果→<link rel="stylesheet" type="text/css" href="css/style.css?201903250628">


ちなみに、php関数である

date_default_timezone_set(‘Asia/Tokyo’);

「タイムゾーンを日本に設定する」

という意味で

この設定をしないと日本時間から9時間ずれる。。。はず

なんか、時間表示は変だなぁと感じたときは、

date_default_timezone_set(‘Asia/Tokyo’);

をつかう

PAGE TOP