(html5) 修正後、以前の内容が表示される問題
- (2016-11-01 11:10:19)
去年も似たようなトラブル
キャッシュ問題は前もはまったな・・・と調べると、スマホのキャッシュ問題でいろいろやっていた。
このときは主に「html4」を使用していたので、下記metaタグが利用できたが、今は「html5」なので効かないようだ。
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
html5ではキャッシュ無効化できない?
.htaccessファイルでの制御やcache manifestによる無効化など上のページで調べたが、今回今ひとつ効果がはっきりしなかった。
今回のトラブルはスマホとPCのChromeで発生している。IEはリロードで直った。Firefox、Operaは試していない。
現象は下記の通り:
(1) リロードしても、cssファイルの読み込みをしない模様。htmlファイルは更新後読み込んでくれたが、cssファイルがどうもパスされているようだ。
(2) キャッシュリセットすれば、スマホもPCも即座に直る。
顧客にキャッシュリセットを依頼することは厳しい
しかし、自分で自分のブラウザのキャッシュを削除する分は問題ないが、それを人様にやってもらうとなるといろいろ大変。
技術的に難解に感じる人もいるだろうし、そもそも依頼する行為自体が、ビジネス上のコストアップとなる。だから、キャッシュリセットでは解決したくない。
cssファイルを別名にしたらOK
どうにも対策がなくて、苦し紛れにcssの内容をそのままで別名にして、htmlファイルから新規に読み込ませてみたら、スマホとPCともに更新された・・・こんな方法でいいのかな?
キャッシュが効いているChromeの場合、これも一つの手かもしれない。
<< WebPay、終了か・・・< | >受信拒否が厳しすぎるaol メール >>