☰

ウェブサイト開発のためにChromeキャッシュを無効にする 質問する

tag-icon • tag-icon google-chrome caching browser google-chrome-devtools browser-cache
ウェブサイト開発のためにChromeキャッシュを無効にする 質問する

サイトの外観を変更（CSS の変更）していますが、煩わしい永続キャッシュのせいで Chrome で結果を確認できません。Shift+ 更新を試みましたが、機能しません。

一時的にキャッシュを無効にしたり、変更を確認できるようにページを更新したりするにはどうすればよいでしょうか?

ベストアンサー1

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

  1. 右クリックしてInspect ElementDevToolsを開きます。または、次のいずれかを使用します。キーボードショートカット:
  • F12
  • Control+ Shift+i
  • Command+ Shift+i
  1. Networkツールバーをクリックしてネットワーク ペインを開きます。
  2. Disable cache上部のチェックボックスをオンにします。

開発ツールパネルのスクリーンショット

覚えておいてください、つぶやきから翻訳者前述のとおり、この設定は開発ツールが開いている間のみアクティブになります。

これにより、すべてのリソースが再読み込みされることに注意してください。一部のリソースのみキャッシュを無効にしたい場合は、HTTPヘッダーを変更するサーバーがファイルと一緒に送信するものです。

チェックボックスを使用したくない場合は、 DevToolsを開いた状態でDisable cache更新ボタンを長押しすると、同様の効果のあるオプションまたはのメニューが表示されます。Hard ReloadEmpty Cache and Hard Reloadオプションの違いどのオプションを選択すればよいかを知るには、次のショートカットを使用できます。

  • Command+ Shift+ RMacの場合
  • Control+ ShiftWindowsRまたはLinuxの場合

長押し

おすすめ記事