HTML ページ内の js および css ファイルのキャッシュを自動的にクリーンアップします (バージョン番号を自動的に追加します)

Web プロジェクトの開発プロセスでは、CSS ファイルや JS ファイルを参照することがよくあります。ファイルを更新した後、キャッシュの問題 (コードは変更されているが、ブラウザーでアクセスしたときに変更されていない) が発生することがよくあります。この場合、通常、次の 2 つの解決策を使用します。

1.ブラウザのキャッシュを手動でクリアする

2. バージョン番号を追加します（layout.css?v=1など）

個人的には、ブラウザのキャッシュをクリアするにはブラウザが応答するのを待つ必要があるため、方法 2 の方が速いと思います。しかし、バージョン番号を毎回変更するのは面倒なので、バージョン番号を自動的に追加する方法を見つける必要があります。

収集した方法は次のとおりです。

方法1: jsを使用してHTMLにバージョン番号を自動的に追加できます

 <script type="text/javascript">  
document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>");   
</スクリプト>

方法 2: jsp ページの場合は、Java コードを使用してタイムスタンプを生成できます (jsp ページの場合は方法 1 も使用できますが、この方法の方が便利です)

<link rel="スタイルシート" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">

方法3: node.jsによる自動構成など、他の方法を使用してバージョン番号を追加する

追記: キャッシュをクリアする目的は、ページの更新状況を適時に確認することです。ページをオンラインにする場合 (つまり、正式な環境に展開し、変更を加えない場合)、キャッシュされたページへのアクセスが高速になるため、バージョン番号を固定することをお勧めします。更新が必要な場合は、固定バージョン番号を交換してください。

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。