CSS - ページが読み込まれるたびにキャッシュを使用せずにスタイルシートを読み込ませる方法

2018-08-21 14:22:02 521

スタイルシートを所定のフォルダから読み込ませていると、ブラウザはデフォルトでキャッシュを利用して、古くに読み込んだCSSを適用してしまうため、新しく組み込んだスタイルがうまく表示されないことが多々ある。

今回は、それを解決するためのTips

結論

index.html

<link type="text/css" rel="stylesheet" href="styles.css?[ランダムな数字]">

ポイントは、?以降にランダムな数字を入れる事で、毎度違うcssだと認識させてしまうこと。
このアドレスはキャッシュにはないぞとブラウザが認識されて、新たに読み直してくれる。
ゲットタイプのアドレスらcssには効かないため、従来通りの名前のcssファイルが参照される。

関連記事