ブラウザでキャッシュを無効にしキャッシュをされないようにする
最近のキャッシュコントロールはよく分かりません(笑)
http://blog.knockoutmarch.com/2008/02/06/2323.htmlを参考にさせていただきました。
メタタグに以下を追加。
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-store">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="-1">
また、body内に
<iframe style="height:0px;width:0px;visibility:hidden" src="about:blank">
this frame prevents back forward cache
</iframe>
を追加で全ブラウザイケるみたいです。※未検証
んで、上記の方法はiframeをhiddenしているとはいえ、ちっちゃな隙間入ったりして嫌だという場合に、少なくともjsやcssはキャッシュせずに最新を読んでもらいたいなってときの方法。
通常、
<link href="common.css" rel="stylesheet" type="text/css">
このようにcssやjsを読み込んでいる部分を、
<link href="common.css?123456" rel="stylesheet" type="text/css">
ってな風にファイル名の最後尾にクエリ文字列を無駄につけてあげると良いそうな。んで、cssを更新したときには毎回クエリの数字部分だけを適当に変えてあげるという方法。
つまりは、common.css?123456はキャッシュしているけど、common.css?123457はキャッシュされていないというカラクリだそうです。
ブラウザでキャッシュを無効にしキャッシュをされないようにする の関連記事
No related items.
コメント
No comments yet
コメントする
次項 【IE8】widthとheightが効かない
前項 商用フリー、さらに著作権表示削除OKのメールフォーム
▲知識Z(ゼータ)トップへ