css - 訪問者のブラウザがキャッシュからWebサイトをロードしないようにする

Question

ウェブサイトの画像とスタイルシートを更新しましたが、レイアウトがおかしいとクライアントから電話があります。ページを更新すると、正常に見えます。

ブラウザがキャッシュからWebサイトをロードしないようにするにはどうすればよいですか？

Answer 1

静的ファイルのバージョン管理手法の1つを使用する

静的ファイルにクエリ文字列を追加したり/img/image1.jpg?v=1.0、ファイルの名前を変更したりします/img/image1_1.0.jpg

これは、すべての画像、JavaScript、またはCSSファイルに適用されます

Answer 2

メタタグを使用して、ページをキャッシュしないようにブラウザに指示できます。

生のヘッダーを生成することもできます。HTTP仕様をお読みください

<?
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
?>