ブラウザのキャッシュを防ぐために、js または css の後に ?v= バージョン番号を追加します。

ブラウザのキャッシュを防ぐために、js または css の後に ?v= バージョン番号を追加します。

コードをコピー
コードは次のとおりです。

<span style="font-size:14px;">パラメータ付きの css および js (.css?v= および .js?v= または .css?version= および .js?version= など)
<script type=”text/javascript” src=”jb51.js?version=1.2.6″></script>
<link rel='スタイルシート' href='base.css?version=2.3.3′ type='text/css' />

パラメータを使用するには 2 つの方法があります。

まず、スクリプトは存在せず、サーバーによって動的に生成されるため、区別するためにバージョン番号が付けられています。 つまり、上記のコードはファイルと同等である。

コードをコピー
コードは次のとおりです。

<script type=”text/javascript” src=”jb51.js”></script>
<link rel='スタイルシート' href='base.css' type='text/css' />


しかし、ブラウザはそれがファイルの特定のバージョンであると認識します。

次に、クライアントはこれらの css または js ファイルをキャッシュします。したがって、js または css ファイルがアップグレードされ、バージョン番号が変更されるたびに、クライアント ブラウザーは新しい js または css ファイルを再ダウンロードし、キャッシュを更新します。スタイルや js を変更した後、更新しても変更されていないことに気付く場合があります。これは、クライアントが CSS または JS ファイルをキャッシュしているためであり、パラメーターを追加すると役立ちます。
2 番目の状況が最も一般的ですが、両方が同時に存在する場合もあります。 </span>

<<:  Element-ui レイアウト (行と列コンポーネント) の実装

>>:  MySQL インデックス プッシュダウンを 5 分で理解する

推薦する

Webpackプラグインを書いてnpmに公開するための80行のコード

1. はじめに最近、 Webpackの原理を勉強しています。これまでは Webpack の設定方法し...

LinuxでPythonの組み込みバージョンを削除する手順の詳細な説明

大きな落とし穴、Linuxシステムに付属するPythonのバージョンを簡単に削除しないでください1....

ウェブデザイナーが注意すべき 43 のウェブデザインの間違い

これはウェブサイトのユーザビリティに関する記事です。著者は自身の経験に基づいて、ウェブサイトのデザイ...

HTML テーブルタグチュートリアル (26): セルタグ

<TD> タグの属性は、テーブル内のセルのプロパティを設定するために使用されます。表 &...

vue.js 動的コンポーネントの詳細な説明

:動的コンポーネントv-bind:is="component name" を使用...

Linuxディレクトリ構造の詳細な紹介

Linuxを学び始めるときは、まずLinuxの標準ディレクトリ構造を理解する必要があります。 / r...

HTML リスト タグ dl、ul、ol の使用例

コードをコピーコードは次のとおりです。 <!--リストタグ: <dl>: 階層リス...

MySQLに挿入する前にデータが存在するかどうかを確認する方法

ビジネスシナリオ: 訪問者の訪問状況を記録する必要があるが、繰り返し記録することはできない挿入する前...

Linux システムで crontab を使用して MySQL データベースを定期的にバックアップする方法

システムの crontab を使用して定期的にバックアップ ファイルを実行し、バックアップ結果を日付...

長いデータを HTML で表示するときに処理する方法

HTML で長いデータを表示する場合、マウスをその上に移動するとデータを切り捨てて完全なデータを表示...

MySQLのインストール時に発生する可能性のある問題

質問1:インストール中に net start mysql と入力すると、次のエラー メッセージが表示...

MySQL のグループ分けの例

mysql のような php switch case ステートメント。 xxフィールドを選択、ケース...

LinuxのバックグラウンドでPythonプログラムを実行するいくつかの方法

1. 最初の方法は、unhup コマンドを直接使用してプログラムをバックグラウンドで実行することです...

シンプルなタブバー切り替えケースを実現するJavaScript

この記事では、タブバーの切り替え効果を簡単に実現するためのJavaScriptの具体的なコードを参考...

一般的なフロントエンドJavaScriptメソッドのカプセル化

目次1. 値を入力し、そのデータ型を返す** 2. アレイ重複排除3. 文字列の重複排除4. ディー...