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

推薦する

CSS で実装された円形のプログレスバー

成果を達成する 実装コードhtml <div class="wrap"&g...

Vueのwatch、computed、methodsの違いのまとめ

目次1 はじめに2 基本的な使い方2.1 方法2.2 計算プロパティ2.3 リスナーを見る3 3つの...

フローチャートとUIフローの違い

UI デザインにおける多くの概念は言葉で言えば似ているように見えるかもしれませんが、実際には大きく異...

シンプルなログインページを実装するための HTML+jQuery

目次導入公開コード(バックエンドインターフェース)例 1: 最もシンプル (純粋な HTML)コード...

IIS web.config でクロスドメイン アクセスを設定する方法

要件: ページに画像を表示する必要がありますが、さまざまな理由により、画像はサーバー 2 にあります...

MySQL5.7 マスタースレーブ構成例の分析

MySQL5.7マスタースレーブ構成の実装方法、具体的な内容は次のとおりですインストール環境:マスタ...

MySQL のデータ削除とデータ テーブル メソッドの例

MySQL でデータやテーブルを削除するのは非常に簡単ですが、削除するとすべてのデータが消えてしまう...

Node.js管理ツールnvmの詳細なインストール手順

いいえnvmはnodejsの複数のバージョンを管理する役割を担っています。インストール: https...

Mysql 5.7.17 をインストールした後、MySQL にログインするチュートリアル

mysql-5.7.17 のインストールについては記事の下部で紹介されているので、参考にしてください...

Win10にnginxをインストールして設定するプロセス

1. はじめにNginx は、無料のオープンソースの高性能 HTTP サーバーおよびリバース プロキ...

CentOS7 カーネル カーネル5.0 バージョンアップグレード

アップグレードプロセス:元のシステム: CentOS7.3 [root@my-e450 ~]# un...

データベースの水平セグメンテーションを実装するための2つのアイデア

導入インターネット アプリケーションの普及に伴い、膨大なデータの保存とアクセスがシステム設計における...

Vueコンポーネントの詳細な説明

<本文> <div id="ルート"> <h2&...

HTML で入力テキスト入力キャッシュのクリアを禁止する 2 つの方法

ほとんどのブラウザはデフォルトで入力値をキャッシュし、ctl+F5 を使用して強制的に更新することに...

React Fiber構造の作成手順

目次リアクトファイバーの作成1. 始める前に2. React.renderから始める3. 終了リアク...