☰

Javascript ファイルのキャッシュを防ぐにはどうすればいいですか? [重複] 質問する

tag-icon • tag-icon javascript caching
Javascript ファイルのキャッシュを防ぐにはどうすればいいですか? [重複] 質問する

シンプルな HTML があります:

<html>
<body>
<head>
<meta charset="utf-8">
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>
<script src="test.js"></script>
</body>
</html>

test.js で Javascript 関数を変更しましたが、ブラウザがこのファイルをキャッシュしています。スクリプト src のキャッシュを無効にするにはどうすればよいでしょうか?

ベストアンサー1

ランダムなクエリ文字列をsrc

変更を加えるたびにクエリ文字列を増分することで、これを手動で実行することもできます。

<script src="test.js?version=1"></script>

または、サーバー側言語を使用している場合は、これを自動的に生成できます。

ASP.NET:

<script src="test.js?rndstr=<%= getRandomStr() %>"></script>

キャッシュバスティングの詳細については、こちらをご覧ください。

https://www.curtiscode.dev/post/front-end-dev/キャッシュバスティングとは何か

おすすめ記事