Chromeでキャッシュを無効にする

この記事は、yoshitaku_jpの1人 Advent Calendar 2018 - Adventar の6日目の記事です。

Parcelを使っていたら、変更した内容が画面に反映されなくなり困りました。原因はbundle.jsと常時同じ名前を使っていたので、ブラウザでキャッシュを持ってしまい変更が適用されなかったようでした。

キャッシュを削除したり持たない方法を探していたら、Chromeでキャッシュを無効化する方法があることを教えてもらいましたのでTipsとしてメモを残しておきます。

デベロッパーツールを開く

f:id:yoshitaku_jp:20181128142949p:plain

Networkタブに移動し、Disable Cacheをチェックする

f:id:yoshitaku_jp:20181128143044p:plain

普段全てのデバイスApple使いの自分にとって、ブラウザもsafariでしたので気づきませんでした。キャッシュが原因じゃないかとご助言いただけたことと、Chromeのキャッシュ無効化を教えていただき感謝でした。

もうキャッシュのせいで半日ムダにすることがないよう気をつけます。