1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ローカル開発環境でCSSが反映されない原因(キャッシュが残っていた)

Posted at

まだまだPCについての知識が乏しいので、当たり前な人からしたら当たり前なのかもしれませんが、自戒の念も込めて記しておこうかと...

chrome内でキャッシュが残っていた

ローカル開発環境で開発中、CSSを何度設定しても、反映されず。。。 viewファイルの読み込みが間違っているのか、classの名前に齟齬があるのかとコードを見返すもなかなか判明せず。反映されないCSSを設定したままそのまま1日が経過し、何となく開発中のページを開いてみると、いつの間にやらCSSが反映されていました。かと思いきや、再度CSSを解除しても反映されず。 調べてみると、chrome内でキャッシュが残っているので、設定が反映されないとのこと。

対処方法

①問題があるページでデベロッパーツールを開く。

②リロードボタンで右クリックして、『キャッシュの削除とハード再読み込み』をクリック。

これで無事反映されるようになりました。何とも簡単な。。。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?