Google Chromeのデベロッパーツールを使って簡単にキャッシュの消去とハード読み込みする方法

普通のスーパーリロードだけでは対処できないキャッシュファイルを、サクッと消去して再読み込みもしてくれる Google Chrome デベロッパーツールの機能を今まで知らなかった。人生損してる気分になりました。

Windows OS: Shift+F5 or Ctrl+Shift+R etc
macOS： command+shift+R

で解決できないでキャッシュファイルが悪さしてるんじゃないか？　って時にこれを試す価値はありますね。

方法

次のショートカットを使用するか設定ボタンから「その他のツール」を選んで「デベロッパーツール」を開いてください。

Windows OS: Ctrl+Shift+I or F12
macOS: option+command+I

デベロッパーツールを開いた状態でリロードボタンを長押しすると、詳細オプションが表示されるようになります。（デベロッパーツールを開いていない場合は表示されません）

「キャッシュの消去とハード再読み込み」をクリックすると、「その他のツール」から「閲覧履歴の消去」を開いて……といったオーソドックスな方法を使うよりも楽にキャッシュクリアすることができます。それと同時にスーパーリロードされます。

以上。

普段からデベロッパーツールを利用していたのに、知らなかった……という便利機能はもっとあるんでしょうね……。もっと使いこなしていきたいと思います。