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

推薦する

Docker ファイルの保存パス、コンテナの起動コマンド操作の取得

コンテナはすでに作成されていますが、その起動パラメータ(データがマウントされる場所)を知る方法 #コ...

回転灯効果を実現するWeChatアプレットの例

序文日常の開発では、テキストの水平スクロール効果(一般にカルーセルと呼ばれる)によく遭遇します。これ...

JSONオブジェクトのキーを置き換える最良の方法

JSON (JavaScript Object Notation、JS Object Notatio...

MySQL で union all を使用してユニオンソートを取得する方法

プロジェクトでは、何らかの不可逆的な理由により、テーブルに保存されたデータがページの表示要件を満たす...

Webpack パッケージング CSS 背景画像パスの問題に対する完璧なソリューション

vue コンポーネントのスタイル タグ内には、背景画像を使用する次の CSS コードがあります。 背...

JavaScript ファクトリーパターンの説明

目次シンプルファクトリーファクトリーメソッド安全な工場方法アブストラクトファクトリー要約するシンプル...

Linuxサーバーのディスク容量を拡張する方法

目次序文ステップ序文今日、es ログが記録されていないことに気付きました。filebeat、elas...

レスポンシブなアコーディオン効果を実現するための CSS3 の詳細な説明

最近、外国人が CSS3 を使用してアコーディオン効果を実現しているビデオを見たので、自分で学習した...

React Hooks に基づく小さな状態管理の詳細な説明

目次React Hooks に基づく状態共有の実装ユーザーエクスペリエンスこの記事では、主に Rea...

MySQL 5.6 での table_open_cache パラメータの最適化と適切な構成の詳細な説明

1. はじめにtable_cache は非常に重要な MySQL パフォーマンス パラメータであり、...

ApacheのDjangoオンライン展開方法

環境: 1. Windows Server 2016 Datacenter 64 ビット 2. SQ...

VMware に Centos8 をインストールする詳細なチュートリアル

CentOS公式サイトアドレスhttps://www.centos.org/まず必要なファイルをダウ...

マークアップ言語 - リスト再び

123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックして...

HTML の相対パス (Relative Path) と絶対パス (Absolute Path) の詳細な理解

私は 1 年以上 Java Web 開発に携わっており、HTML または JSP ページの作成は避け...

MySQL データベース内の同じテーブルを同時にクエリして更新する方法

通常のプロジェクトでは、1 回の入札で同時にデータを更新および照会する必要があるという問題によく遭遇...