キャッシュの解決方法
2017.09.22 Posted by Coding_team
こんにちは、ウェブラボ技術メモです。
先日、GIFアニメをJSで表示させたところ、
キャッシュでうまくループされませんでした…(´；ω；`)
今回は、更新時の厄介者、キャッシュの解決方法についてまとめてみました。
1. キャッシュを削除するタグを入れる
HTMLに入れるだけで簡単にキャッシュが残らなくなるそうです。
|
1 2 3 |
<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0"> |
2. タイムスタンプなど日時を入れる
私が実際に試した方法です。
metaタグだけではキャッシュを消せなかった方にオススメです。
ファイル名の末尾にタイムスタンプをつけるだけで解決します！
ファイル名が変わるので間違いなくキャッシュが消えますよ！
|
1 |
$('#id').html('<img src="demo.gif?'+(new Date).getTime()+'">'); |
キャッシュが残りやすい、JSやGIFアニメを使う時にぜひ試してみてください☆
■参考サイト
関連記事こちらの記事も合わせてどうぞ。
