Chromeの「通常の再読み込み」、「ハード再読み込み」、「キャッシュとハード再読み込みを空にする」の違いは何ですか？

342

私は最近Chromeでこの新機能を発見しました：

再読み込みオプション

オプション1とオプション3の違いを理解できます。そのオプション2はおそらくその中間にありますが、どこにも正確な情報はありません。

3つのオプションのそれぞれの正確な動作を知っている人はいますか？

google-chrome google-chrome-devtools browser-cache

— サミュエル・ロッシル
ソース

「この機能」について説明してもらえますか？具体的には、どのようにアクセスしますか？あらゆる種類の右クリック、コントロールクリックなどを試しましたが、うまくいきませんでした。これはどのバージョンですか？

— Joachim Sauer

@JoachimSauerハハ、それは私の小さな秘密です...真剣にそれは非常によく隠されています：開発者コンソールがアクティブな間、 すぐにそれをリリースせずに更新ボタンを押す必要がありますsamuelrossille.com/home/blog-chrome-reload-options.html

— Samuelロッシル23

（Devtoolsが開いているときに）再読み込みアイコンを右クリックしても表示されます

— コスタ

これはOSX Chromeで機能しますか？Dev Toolsで開いて右クリック/クリック+ホールドできないようです

— nitsujri

私は2016年に偶然にこれらの機能を見つけました...

— Edwin Yip

回答:

439

通常のリロード

を押すのと同じことF5。これはキャッシュを使用しますが、ページの読み込み中にすべてを再検証して、「304 Not Modified」応答を探します。ブラウザがキャッシュされたJavaScriptファイル、画像、テキストファイルなどの再ダウンロードを回避できる場合は、そうします。

ハードリロード

リクエストを行うときは、キャッシュに何も使用しないでください。（これはSHIFT+に等しい+ F5開発者コンソールを開く必要はありません）すべてのJavaScriptファイル、画像、テキストファイルなどをブラウザに再ダウンロードさせます。

空のキャッシュとハードリロード

明らかに、キャッシュが空の場合、ハードリロードを実行する必要があります。これにより、ブラウザはすべてを再度ダウンロードするように強制されます。ただし、ページの読み込みの一部ではなかったJavaScriptを介してページが事後ダウンロードを行う場合、これらは引き続きキャッシュを使用する可能性があります。これは、キャッシュを空にすることが役立つ場所です。キャッシュされたファイル。

注：この機能は、開発者ツールが開いている場合にのみ使用できます。

— アンドリューラスムッセン
ソース

3番目のオプションが現在のサイトのキャッシュを空にするか、キャッシュ全体を空にするかを誰かが知っていますか？

— グリン2013

@Grinn：実際、今考えてみると、おそらくキャッシュ全体です。その機能の要点は、1つの「サイト」だけに制限されていない事後ダウンロードをクリアすることです。

— Andrew Rasmussen

何が考慮されているの"after-the-fact download via Javascript"かわかりません。誰かが具体的な例を提供できますか？

— コスタ

@Costa DOMで最初に指定されていないものをダウンロードできます。たとえば、新しい<script>タグをDOMに追加したり、RequireJSなどを使用したりします。AMDベースのライブラリ（RequireJSなど）は、基本的にそのスクリプトを遅延読み込みします。その場合は、キャッシュを空にして、本当にすべてが確実にリロードされるようにする必要があります。

— ドミ2014

これは、開発者ツールが開いている場合にのみ機能することに注意してください（F12）これが、開発ツールが開いているかどうかに関係なく常に使用できる設定であると便利です。

— scunliffe 2015

これはMac OS Xでも機能します。開発者ツールを開き、[再読み込み]ボタンで、1。2番目のクリック（右利きマウスの場合は右クリック）、または2.ロングクリック（別名長押し）でメニューを表示します。

この回答に加えて、ハードリロードにより、プロキシ、コンテンツ配信ネットワーク、その他のリモートキャッシュが更新されることがよくあります。

— ひどい
ソース

「ハードリロードにより、プロキシ、コンテンツ配信ネットワーク、その他のリモートキャッシュが更新されることがよくあります。」→バックアップできますか？これが事実である理由を説明する引用はありますか？ハードリロードはすべてのローカルキャッシュをリロードするだけで、リモートサーバーに追加の影響を与えることはないと思います。

— デニルソンサマイア

ブラウザはCache-Control: no-cacheヘッダーを送信すると思います。squid-web-proxy-cache.1019090.n4.nabble.com/…あなたのですか？

— 18年

私はURLに行くか、使用して...いくつかのテストをした通常のリロードが 3キャッシュ関連のヘッダーを送りました：Cache-Control: max-age=0、If-Modified-Since、If-None-Match。しかし、やってハードリロードを（またはキャッシュを空にせずに）、唯一の2キャッシュ関連ヘッダが送信されました：Cache-Control: no-cacheとPragma: no-cache。つまり、そうです、ブラウザーは実際にサーバーに新しいバージョンを要求するヘッダーを送信します。その後、それに基づいて動作を変更するのはサーバー（プロキシを含む）です。

— DenilsonSáMaia

すごい！あなたはそれを私の答えに編集するか、独自の答えを書くことができます。@DenilsonSáMaia

— dcorking

次の方法では、問題のあるURLのキャッシュのみをクリアできます。httpからhttpsへのリダイレクトキャッシュに悩まされていたときに役に立ちました。

私が使用しているWindowsでChrome開発者ツールを開く F12
Preserve logリダイレクトする前にチェックしてログを保存します
リダイレクトされたURLを右クリックし、 Clear browser cache

これにより、通常のキャッシュに影響を与えることなく、問題のあるキャッシュのみがクリアされます。

— ソハイル・アーメド
ソース