ブラウザのキャッシュを防ぐために、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 分で理解する

推薦する

スタートアップ企業が丹念に作り上げた優れたウェブデザイン17選

スタートアップ企業は、型破りな仕事のやり方、ユニークなビジネスモデル、特徴的な製品やサービス、パーソ...

プライベートレジストリ内の画像を照会または取得する方法

Dockerはプライベートレジストリ内のイメージを照会または取得するために、 docker 検索 1...

VMware での Ubuntu Docker のインストール (コンテナ構築)

1. マインドマップ 2. コンテナの構築方法2.1 実験環境の準備(1)環境選択管理ツール: D...

ウェブページ入力ボックスのスタイルトリガー効果

<br />この例では、主に onblur と onFocus という 2 つのパラメー...

Navicatは機能ソリューション共有を作成できません

初めて MySQL FUNCTION を書いたとき、エラーが何度も発生しました。 Err] 1064...

オーディオマニアにアピールするオーディオビジュアルLinuxディストリビューション

私は最近、多くの音楽に特化した Linux ディストリビューションの 1 つである Audiovis...

LinuxはRsync+Inotifyを使用してローカルとリモートのデータのリアルタイム同期を実現します。

0x0 テスト環境本社本番サーバーと支社バックアップサーバーはリモートデータバックアップが必要です...

ico ミラー コードを HTML に追加します (favicon.ico はルート ディレクトリに配置されます)

コード:コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC &...

JavaScript を使用してページ要素のオフセットを取得/計算する方法

質問コントロールをクリックすると、コントロールの下にフローティング レイヤーが表示されます。通常の方...

CSS で複数の境界線を実装するためのヒント

1. 複数の国境[1]背景: ボックスシャドウ、アウトライン使用シナリオの多様性を考慮すると、複数の...

HTML ボディタグと HTML でよく使われる制御タグの詳細な説明

1. <body> タグ: Web ページの本体をマークするために使用されます。body...

チャットバブル効果を実現するCSS

1. レンダリングJD効果シミュレーション効果 2. 原則高さと幅が0のボックスを用意しますこのボ...

純粋な CSS で実装された大きなドロップダウン メニューのサンプル コード

これは純粋に CSS で実装された大きなドロップダウン メニューです。この大きなメニューは、js コ...

シンプルなカウントダウン効果を実現するJavaScript

この記事の例では、カウントダウン効果を実現するためのJavaScriptの具体的なコードを参考までに...