クロームでCSSが反映されない時の対処方法

サイトの制作をChromeでやっていると、CSSを書き換えてもすぐに反映されなくて困る事が結構ひんぱんにおこる。

これまで対処方法として、クロームの設定からキャッシュを削除したり、都度FirefoxやIEで確認してみたりと色々な方法で対応していたが、いずれにせよめんどくさくてもっと楽な方法は無いもんとか思っていたが、すごく簡単な方法を教えていただいた。

その方法とは、クロームのデペロッパーツールを開いた（F12を押すか、右クリックメニューから検証を選択）状態で、クロームのリロードを右クリックすると、「キャッシュの削除とハードの再読み込み」というメニューが出るのだ。

画像をクリックすると、拡大されます。

そしてそれを選択すると、ページの再読み込みと同時にキャッシュを削除してくれてるという、なんともありがたい機能が備わっていた。

これでスタイルシートが効かないとか、書き方が間違ってるかも？といういらん心配をする必要が無くなった。

ああああ