リロードしても更新が反映されない頑固なキャッシュ
ちゃんと更新したのに
「あれ？更新されていませんよ？」
って言われませんか？
その都度「キャッシュだと思います。ブラウザをリロードしてください」と伝えていたり、更新のお知らせをメール等で伝える際に「事前にブラウザのキャッシュをクリアしておいてください」など伝えていたりしていませんか？
特にここ1年でChromeのキャッシュが頑固になったっぽくて、何度リロードしてもダメってこともありますよね？
感覚的には、外部ファイルでも画像＜css＜jsの順に頑固になっていっているように私は感じていました。
そんな悩みを元から絶つ、簡単な対処法
例えば、head内の外部cssファイルリンクの記述や、場合によっては画像srcのファイルリンク記述に
パラメーターを追記するだけ。
それだけで、リロードすることなく、更新したものがちゃんと見られるようになります。
パラメーターの追記例（css）：
<link rel="stylesheet" href="/css/common.css">
↓
<link rel="stylesheet" href="/css/common.css?v=181121">
パラメーターの追記例（画像）：
<img src="/images/common_banner.jpg">
↓
<img src="/images/common_banner.jpg?v=181121">
変更した箇所全てに記述する必要はありません。
ページ内に1箇所だけあれば十分です。
上記の例では、追記したパラメーターで【更新日の記録】という役割も持たせています。
後で有用な情報ともなりますよ！
OLDER
