Chromeデベロッパーツールでキャッシュクリア更新

「あれ、更新されてない…」とサヨナラ

CSSやJavaScriptなどの調整をしながらコーディングしていると一度は通る「あれ、更新されてない…」問題。

アップロードファイル間違えたか…？ｻﾞﾜｻﾞﾜ

ディレクトリ間違えたか…？ｻﾞﾜｻﾞﾜ

コーディング間違えたか…？ｻﾞﾜｻﾞﾜ

と一気に不安に駆られて目の前が真っ暗になりこの世のもの全てに絶望するメンタル、ma-ya’s CREATEです。

僕レベルだとそもそもコードが間違ってるなんてことも多々ありますが、結構キャッシュが残ってたことが原因だったりします。

デベロッパーツール起動時はキャッシュクリア更新が可能

chromeデベロッパーツールはそれが有効な時にブラウザ更新ボタンを右クリックすると更新モードが選べます。

• 通常の再読み込み
• ハード再読み込み
• キャッシュの消去とハード再読み込み

ちょっとしたストレスや無駄なトライアンドエラーを無くすためにも知っ得かな、と思ったので記事にしときます。

ctrl+F5でもキャッシュクリア更新（俗称スーパーリロードらしい）可能ですがchromeデベロッパーツール起動時には”ウルトラリロード（俗称？）”なるものも選択できる（上記の３つ目）ので、念のためそれを選択することが結構多いです。

• WEB開発者は必見！Chromeで超簡単にキャッシュクリアする方法