ブラウザキャッシュの削除対策(Chrome)

先日、Webサイトの大幅な更新を行なったのですが、Google Chromeのみで、
更新したはずのスタイルシートがWebの画面に反映されておらず、
とても困った思いをしました（それ以外のブラウザは問題なく更新されてました）。
キャッシュが原因だったようですが、このキャッシュ対策は今後、htmlコーダーには
やはり必須になってくるのでしょうか？

対策として2パターン見つけはしたのですが、思ったほどどちらも使われているのを見ていません。
似たような対策で悩んでいる方がいましたら、ぜひアドバイスいただけないでしょうか？

対策1　no-chaceを使う
以下のURLに説明のある通り、no-chaceを使う
https://groups.google.com/a/googleproductforums. …

対策2　クエリーをつける
以下のサイトにあるように、クエリーをつける
http://www.koikikukan.com/archives/2011/08/29-01 …


すでに対応されている方はどちらを使っているか、対応を考えている方はどちらが良いかを教えていただけないでしょうか？

※ちなみに、当方は対策2は今のところ一件のみ、対策1は一件も見ておりません。

No.1 ベストアンサー 回答者： dscripty 回答日時： 2011/12/06 16:23

最優先の選択肢(全ての文書の共通手段)。

HTTP ヘッダを触れるなら、
http://www.studyinghttp.net/caching#Expiration_M …
例えば、全くキャッシュさせないなら、
| Cache-Control:no-cache
| Pragma: no-cache

2番目の選択肢(text/html の場合)
HTTP ヘッダの代わりに meta タグでキャッシュコントロールする。

3番目の選択肢(text/css, image/png など text/html 以外の場合)
HTTP ヘッダを触れない場合の代替手段としてクエリーをつけて別の文書として認識させる。

ちなみに、このページの
→ http://oshiete.goo.ne.jp/qa/7174389.html
CSS の一つ、
→ http://gazo.okwave.jp/okwave/css/base.css
は、Tue, 06 Dec 2011 06:52:07 GMT の時点で、
キャッシュに関係する HTTP ヘッダが、
| Date:Tue, 06 Dec 2011 06:52:07 GMT
| Cache-Control:max-age=300
| Etag:"1047-4a734bce36600"
| Expires:Tue, 06 Dec 2011 06:57:07 GMT
| Last-Modified:Mon, 04 Jul 2011 02:00:56 GMT
だったから、5分後には、キャッシュが無効になるようにしているみたい。

この回答へのお礼

ありがとうございます。
今回はHTTPヘッダをいじることができませんので、2番目のmetaタグで対応します。

お礼日時：2011/12/16 15:07