[解決済み] ウェブサイト制作のためのChromeキャッシュの無効化

質問

サイトの外観を修正（CSS修正）しているのですが、Chromeでは永続キャッシュが邪魔で結果を見ることができません。試してみたところ シフト +refreshが効きません。

キャッシュを一時的に無効にするか、何らかの方法でページを更新して、変更を確認するにはどうしたらよいでしょうか？

解決方法は？

Chrome DevToolsでキャッシュを無効化することができます。

1. 右クリック を選択し Inspect Element をクリックすると、DevTools が表示されます。または、以下のいずれかを使用します。 キーボードショートカット :

• F12
• コントロール + シフト + i
• コマンド + シフト + i

1. クリック Network をクリックすると、ネットワークペインが表示されます。
2. 確認する を Disable cache のチェックボックスをオンにします。

として、覚えておいてください。 ツイート から ChromiumDev と述べると、この設定は 開発ツールが開いている間だけ有効です。 .

なお、この場合 すべて リソースが再読み込みされます。一部のリソースだけキャッシュを無効にしたい場合は、次のようにします。 HTTPヘッダを変更する を送信します。

を使いたくない場合は Disable cache チェックボックスを長押しすることで、更新ボタン DevToolsを開いたまま を選択すると、メニューが表示されます。 Hard Reload または Empty Cache and Hard Reload というのがありますが、同じような効果があるはずです。について読む オプションの違い をクリックすると、どちらのオプションを選べばよいかがわかります。以下のショートカットが利用できます。

• コマンド + オプション + R オンマック
• コントロール + シフト + R WindowsまたはLinuxの場合