[解決済み] ブラウザでCSSやJavaScriptなどを強制的に更新させる

質問

XAMPPでWordPressのソースコードをベースにしたウェブサイトを開発しています。時々、CSSコードやスクリプト、その他のものを変更するのですが、ブラウザが修正を適用するのに時間がかかることに気づきました。そのため、複数のブラウザを使用して1つを更新し、新しいスタイルが適用されない場合は2つ目のブラウザを試しますが、いつもこのような状態です。

この問題を回避する方法はあるのでしょうか。

時々、前の修正に気づかずにコードを変更していることがあります。

どのように解決するのですか？

一般的な解決方法

プレス加工 Ctrl + F5 (または Ctrl + シフト + R ) でキャッシュの再読み込みを強制的に行います。Macでは Cmd + シフト + R .

PHP

PHPでは、ヘッダーで有効期限を過去の時間に設定することで、キャッシュを無効化することができます。

header("Expires: Tue, 01 Jan 2000 00:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

クローム

Chrome のキャッシュは、デベロッパーツールを開いて、キャッシュを無効にすることができます。 F12 でデベロッパーツールを開き、右下の歯車のアイコンをクリックし、設定ダイアログでキャッシュを無効にするを選択すると、以下のようになります。

画像は この回答 .

ファイアフォックス

タイプ about:config を URL バーに入力し、次のようなタイトルのエントリを探します。 network.http.use-cache . これを false .