ブラウザ内の CSS、JavaScript、背景画像のキャッシュをクリアする_html/css_WEB-ITnose

実際のプロジェクト開発プロセスでは、ページがサーバーにアップロードされます。サーバーへの負荷を軽減し、ユーザーの読み込みを減らすために、ブラウザーは画像、CSS、JS をローカルにキャッシュし、次回 Web サイトにアクセスしたときに使用できるようにします。これにより、サーバーへの負荷が軽減されるだけでなく、ユーザーのダウンロード数も減少し、ユーザー エクスペリエンスが向上します。

しかし、バージョンをアップグレードしたり、css、jsなどを調整したりすると、キャッシュのせいで更新されたスタイルが表示されなくなり、頭の痛い問題になります。ユーザーが手動でキャッシュをアップグレードしない限り、ほとんどすべてのユーザーはこの Web サイトに通常アクセスするために手動でキャッシュをクリアしません。これは、ユーザーには、最終的にはキャッシュに問題があるかどうかが分からないためです。ページに問題があるため、正常にアクセスできません。

キャッシュを正常に使用して、このような問題を回避するには、頭を使ってこの問題を解決する方法を考えることができますか？

スタイルを変更した後に正常にアクセスできない場合、変更したスタイルのファイル名はどうなりますか？答えは「はい」です。ここでは検証されません。しかし、毎回手動でファイル名を変更するのは明らかに面倒なので、ファイル名を変更できないでしょうか？答えは「はい」です。インポートされたファイル名の後に、以前のバージョンとは異なるバージョン番号 (通常は更新日) が追加される場合があります。コードは次のとおりです。

<link rel="stylesheet" type="text/css" href="reset.css?v=20140829"><script type="text/javascript" src="core.js?v=20140829"></script>

CSS ファイル名と JS ファイル名の後に「v=20140829」が付いていることがわかります。これにより、ファイル名を変更せずにそれらをキャッシュし、それらを更新できます。リアルタイム。また、「v=20140829」は一般的な書き方の習慣にすぎず、他のものに変更することができます。

最後に画像ですが、通常、imgタグが付いた画像はバックグラウンドで生成されるファイル名なので同じ名前にはなりません。ファイル名が固定された画像の場合も上記と同様の方法です。背景画像に関しては、スタイル名が変更されたため、当然画像の解析パスも更新され同期されるため、背景画像も更新されます。