- web design -

blog

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

小ネタ

 

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

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

 

アップロードファイル間違えたか…?ザワザワ

ディレクトリ間違えたか…?ザワザワ

コーディング間違えたか…?ザワザワ

 

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

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

 

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

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

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

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

 

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