複数のリソース（CSSとJavascript）の強制的なブラウザキャッシュキャッシュ

Question

現在テスト段階にあるWebサイトを開発しています。

私はJavascriptとCSSに大きな変更を加えるたびに、私のテスターから多くの新しいバグが通知されました。そのうちのいくつかはかなり重大です。しかし、それらはすべて、JSスクリプトとCSSファイルをキャッシュしているブラウザと、新しいHTMLで古いバージョンを使用しているために発生します。さらに、これはテスト版であるため、<script type="text/javascript" src="..."></script>タグとリンクされた約10個のJSファイルがあります。手動でスタイルシートをリフレッシュすることは可能ですが、テスターに​​各JSファイルを調べてリフレッシュするように頼むのは少し面倒です。

リンクされたファイルが更新され、リロードする必要があることをブラウザに知らせる方法はありますか？

Answer 1

URLに「キャッシュバスター」を追加します。つまり、クエリ文字列パラメータを追加します。

<script src="foo.js"></script> 

あなたが上演リリースを行っている場合、あなたは単にキャッシュバスターとしてリリースのバージョンを使用することができます

<script src="foo.js?v=1"></script> 

になります。

Answer 2

ファイル名にランダムな文字列を追加するのはどうですか？例えば、タイムスタンプ。

style.css?123456 

これが役立ちます。