jsおよびcssファイルのキャッシュを自動的にクリーンアップする方法

開発者として、css や js ファイルを参照することがよくありますが、コードを変更したのにブラウザーでアクセスすると機能しないことがよくあります。変化が生じたので、以下にいくつかの解決策を紹介します。

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

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

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

私が集めた方法は次のとおりです:

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

<script type="text/javascript">  
document.write("<link rel=&#39;stylesheet&#39; type=&#39;text/css&#39; href=&#39;/css/layout.css?v="+new Date().getTime()+"&#39;>");   
</script>

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

<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">

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

追記:キャッシュをクリアする目的は、ページを配置したときにページの更新を確認することです。オンライン (つまり、公式環境にデプロイされ、変更は行われません) の場合、キャッシュがあるため、バージョン番号を固定することをお勧めします。ページ アクセスが高速になり、更新が必要なときに固定バージョン番号を変更できるためです。

上記の内容は、HTML ページ内の js および css ファイルのキャッシュを自動的にクリーンアップする方法です。このような問題が発生した場合にこの方法を試してみてください。

関連する推奨事項:

Yii キャッシュクリアメソッド_php の例

php はフォルダー内のファイルを定期的に削除します (キャッシュファイルをクリアします)

php コードを使用してフォルダーを削除し、キャッシュをクリアする例は?

以上がjsおよびcssファイルのキャッシュを自動的にクリーンアップする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。