[解決済み] Javascriptファイルのキャッシュを防ぐには？重複
2022-05-27 04:01:27
質問
簡単な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のキャッシュを無効にするにはどうしたらよいでしょうか？
どのように解決するのですか？
ランダムなクエリ文字列を
src
変更を加えるたびにクエリ文字列をインクリメントすることで、手動でこれを行うことができます。
<script src="test.js?version=1"></script>
また、サーバーサイドの言語を使っている場合は、これを自動生成することもできます。
ASP.NETの場合。
<script src="test.js?rndstr=<%= getRandomStr() %>"></script>
キャッシュバスターの詳細については、こちらをご覧ください。
https://curtistimson.co.uk/post/front-end-dev/what-is-cache-busting/
関連
-
[解決済み] 期待される代入または関数呼び出し: 未使用式なし ReactJS
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか？
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は？
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は？
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか？
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか？
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は？
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか？
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
JSクロスドメインソリューション リアクト構成 リバースプロキシ
-
親子コンポーネント通信を解決する3つのVueスロット
-
Vueにシンプルなメモ帳機能を実装
-
vue ディレクティブ v-html と v-text
-
[解決済み】Node Version Manager のインストール - nvm コマンドが見つかりません。
-
[解決済み] 期待される代入または関数呼び出し: 未使用式なし ReactJS
-
[解決済み] Web API エラー - このリクエストはブロックされました; コンテンツは HTTPS で提供されなければなりません
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
JavaScriptのgetElementById、getElementsByTagNam、getElementsByClassNameの違いと使い方
-
[解決済み] JavaScriptでランダムな文字列/文字を生成する