css反映されないときの対処法

スポンサーリンク

はじめに

cssを変更したのにローカルの環境では反映されていないという場合の
対処法を紹介します。

コードに問題がなければブラウザのキャッシュの問題が多いです。

キャッシュの削除

キャッシュとは一時的にwebページのデータを保存して
もいちど同じページを開くとき素早く表示させる機能。

ネットサーフィンしている分には素晴らしいきのうだが
開発をしているとき、反映されないのは痛い。

Chromeのキャッシュ削除方法

まずgoogle chromeの設定をクリックする。
写真だと赤線部分。 f:id:shangtian:20190220205147p:plain

その他のツールからディベロッパーツールを選択する。

f:id:shangtian:20190220205307p:plain

リロードマークを右クリックして f:id:shangtian:20190220205416p:plain

キャッシュの削除とハード再読み込みをクリック。 f:id:shangtian:20190220205357p:plain

Firefoxキャッシュの削除方法

設定をクリック f:id:shangtian:20190220210731p:plain プライバシーとセキュリティを選択 f:id:shangtian:20190220210352p:plain

データを消去をクリック f:id:shangtian:20190220210443p:plain

消去をクリック f:id:shangtian:20190220210510p:plain

<参考文献>

ChromeでCSSが反映されない?キャッシュ消去で対処