これはベストプラクティスの質問ですが、jsまたはcssの変更が機能していないと何度も思われるため、私にとって非常に重要です。
私はPHPを使用しており、CSSとJSを別々のファイルに保存しています。円形の[再読み込み]ボタンを押しても、変更が反映されないことがあります。URLの後に[再読み込み]または[Enter]をもう一度押します。どちらも機能しない場合があり、キャッシュをクリアするためにブラウザを再起動するなどのクレイジーなことをしなければなりません。
たとえば、古いJSと新しいJSのどちらを使用しているかをテストするために、さまざまなアラートメッセージを使用します。そのときに、古い（最近の変更前の）JSがまだ使用されていることがわかります。CSSについても同じですが、新しい色を使用しているかどうかを確認するために、さまざまな色の境界線などを使用しています。言うまでもなく、これよりも優れた方法があると確信しています:)
Ctrl-Shift-RまたはCtrl-F5（Cmd + F5 macと同等ですか？）は、ハードリフレッシュを実行し、ユーザーエージェントにすべてを最初からダウンロードするように強制します。
FirefoxでCtrl+F5のようなものを使用して、リロードを押したときにサーバーから強制的に再ダウンロードすることができます（ブラウザに、マシンのキャッシュにあるバージョンを使用する代わりに、サーバーからファイルを再要求する必要があることを示します） ）、またはブラウザのキャッシュを無効にします（少なくとも、CSS / JS関連のものを開発する場合）。
キャッシュ機能を非アクティブ化するための優れたツールは、Firefox Web-Developper拡張機能です。これは、フロントエンド開発を行うときにいくつかの便利なオプションにすばやくアクセスできるツールバーを提供します。
開発の場合、CSSおよびJSファイルのURLの末尾に乱数を追加できます。何かのようなもの：
<script type="text/javascript" src="/myscript.js?<?php echo rand(1, 200000);?>"></script>
または
<link rel="stylesheet" href="/styles.css?<?php echo rand(1, 200000);?>">
ライブサイトでこれを行わないでください。そうしないと、ユーザーはリクエストごとにファイルを再度ダウンロードし、サイトの速度が低下します。
Shiftリロードボタンをクリックします。