CSSを編集したのにChromeで反映されない時の対処法

私もCSSを編集していて、反映されなくて少々焦ったのですが、解決方法を見つけたので備忘録的にまとめておきます。

Google Chromeを使って編集している方向けです。

CSSを適用できるようにする方法

では、さっそく以下に手順をまとめます。

1.まず、CSSを反映させたいページを開いてください。

2.ページのどこでもいいので右クリックで「検証」を押してください。


3.下の画像の状態にします。

4.左上のを右クリックで押して「キャッシュの消去とハード再読み込み」を押します。

5.再読み込みしたらいかがですか?CSSが適用されていると思います。

そもそもなぜ適用されなかったのか

Google Chromeなどのブラウザは読み込む際に元々読み込んでいたキャッシュなどを使い、すばやく読み込んでいます。

普段はこの機能のおかげで私たちは快適に使用できているのですが、CSSの編集をしているときはいつまでも古いCSSを読み込んでしまっているわけです。

そこで今回のような強制的にキャッシュを消して再読み込みさせる方法をとると解決します。

スポンサーリンク
レクタングル大広告
レクタングル大広告

シェアする

フォローする

スポンサーリンク
レクタングル大広告