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

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

小云云

リリース： 2017-11-30 10:02:26

オリジナル

2742 人が閲覧しました

開発者として、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 ファイルのキャッシュを自動的にクリーンアップする方法です。このような問題が発生した場合にこの方法を試してみてください。