html - ファイルが変更されてもブラウザのキャッシュが更新されない

Question

サイトを新しいファイルで更新するたびに、変更を確認するために毎回キャッシュをクリアする必要がありますが、これはやりたくありません...有効期限を 1 日に設定しました。

どこが間違っているのか、解決策は何ですか?

前もって感謝します

Answer 1

次のように、scripts/css/images にランダム (またはバージョンのような) パラメータを追加する必要があります。

<script>document.write('<script src="script_path?' + Math.random() + '"\><\/script>');</script>

これにより、ブラウザはそのようにリクエストするようscript_path?0.611818になり、スクリプトはキャッシュされません（実際にはキャッシュされますが、常に新しいコピーがリクエストされます）。もう 1 つの方法は、バージョンのようなパラメーターを追加することです。たとえば、Web アプリの現在のバージョンが 5 の場合は、次のようにします。

<script>document.write('<script src="script_path?' + your_version + '"\><\/script>');</script>

各バージョンの後、 your_version パラメータの値を on またはそのように増やします

ps

例は js で示されていますが、バックエンド言語を使用して実行します

Answer 2

ブラウザーhttp://example.com/file.extがキャッシュからではなくサーバーから毎回ファイルをロードするようにするには、クライアント コードを変更してhttp://example.com/file.ext?<random value>. ファイルを変更するたびに、リンクのランダム値を変更してください。