今日もあったことなのですが、Webサイトを更新した時にクライアントに確認をしてもらうわけなのですが、クライアント側では更新されていないってことがあります。
これは各ブラウザが一度表示したデータは、再び表示したときに読み込まなくていいように「キャッシュ」と言う場所に覚えさせているのですが、更新したページを読み込んでも、まだそのキャッシュにある情報を表示させている為に起こる現象になります。
対応としては、htmlにキャッシュされないように指示を書いておく方法と、キャッシュに残っている情報を強制的に消しちゃう方法があります。
htmlにキャッシュされないように指示を書いておく方法
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
上記のコードをheadタグの中に記述します。この方法ではブラウザが勝手にページの情報を覚えなくさせることで、常に新しい情報を読み込みます。
キャッシュに残っている情報を強制的に消しちゃう方法
こちらは簡単で、表示しているブラウザの更新をさらに強力にする、
- スーパーリロード
- フルリロード
- 強制再読み込み
等と呼ばれる、方法で誰にでもできます。
使用しているブラウザで多少違うのですが、
- shift + F5
- shift + 更新ボタン
- ctrl + F5
- ctrl + 更新ボタン
このいずれかで、きっぱりキャッシュともおさらばです!
是非あ試しあれ!