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

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

韦小宝

リリース： 2017-12-16 11:48:38

オリジナル

1650 人が閲覧しました

この記事では、HTML ページ内の js および css ファイルのキャッシュを自動的に削除する方法 (バージョン番号を自動的に追加する) を主に紹介します。編集者はこれが非常に優れていると考えています。ここで HTML のソースコードを共有します。 HTML に興味のある友達は、エディターをフォローして見てください

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

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

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

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

以下は私が集めた方法です:

方法 1: バージョン番号を自動的に追加することができます。 html through 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自動設定などの他の方法を使用してバージョン番号を追加します。

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

以上がこの記事の全内容です。皆様の学習に少しでもお役に立てれば幸いです。よろしくお願いいたします。