重複の可能性:
キャッシュされたデータの強制更新
Web サイトの視覚的な変更後に CSS スタイル シートを更新するためのベスト プラクティスは何ですか?
最近、ウェブページを新しい画像で更新し、css を更新しました。私の友人がサイトを表示したとき、彼のブラウザには何らかの理由で以前の css が新しい画像でレンダリングされていました。彼は以前にそのサイトを訪れたことがあります。私の理解では、スタイル シートは更新されませんでしたが、サイトの最初の起動時に画像が変更され、正しく表示されませんでした。彼がページを更新した後、css が更新されましたが、問題ないように見えました。
新しいスタイル シートを強制的にダウンロードするには、大幅な変更後に css の名前を変更する必要がありますか? または、ブラウザにスタイル シートの強制リロードを実行させる方法はありますか?
キャッシュされているため、彼は以前のバージョンを持っています。彼の側では、cntrl+ f5(クロムの場合) または同等のブラウザーを使用して、新しい CSS ファイルを「強制」することができます。または単に彼のキャッシュを空にします。
あなたにできることは、スタイルシートの名前を変更することです。?=xこれを行うには、スタイルシートの href にa を追加します。ブラウザに新しいバージョンだと思わせますが、実際には古いバージョンです。
ファイルを再度キャッシュしたくない場合 (これはお勧めしません)、タイムスタンプを に追加できますが?=、繰り返しますが、お勧めしません。
ブラウザは CSS ファイルをキャッシュしています。これが開発中に問題になる場合は、スクリプト リンクにタイムスタンプを付けるなどのトリックを使用できます。
本番環境では、これは一般的に問題ではなく、ユーザーがキャッシュをクリアすることで解決できます。通常、ブラウザは更新時に変更を取得します。
一般的な解決策は次のようなものです:<link href="css/style.css?<?php echo time();?>"ブラウザに css ファイルの再ダウンロードを強制します。ブラウザは、これが新しいファイルであると認識します。