LoginSignup
5
1

More than 5 years have passed since last update.

HTMLやらPHPで読み込んでいるCSSやJSが反映されない時にはブラウザのキャッシュを消してみる

Last updated at Posted at 2017-01-25

学生の時には普通に考え付いたことも一年半ほどWEBについて触ってないとブラウザのキャッシュを疑うことを忘れてしまうようです。

何が起こったのか

デザインの確認の際に、CSSを更新してあるのにも関わらず、更新を押してもデザインが反映されなかった。

解決方法

ブラウザのキャッシュを削除する。

Choromeなら
右クリック→検証→→
WS000006.JPG
→→検証ツールが表示されてから更新ボタン部分を長押し→キャッシュの消去とハードの再読み込みをクリック
WS000005.JPG

※右クリックが禁止されているサイトなら、ブラウザ右上の「・・・」から、
その他のツール→デベロッパーツール で開けます。

これでCSSやらが再度読み込まれて更新が反映されるかと思います。

そのほかに疑うべきこと

上の方法で再度読み込みをしても更新分が反映されない・・・
というときには基本的ですが、以下の項目も確認してみてください。

・そもそもHTMLやPHPに更新されたCSSやJSを読み込むための記述があるか
・CSSやJSがディレクトリに存在しているか
・バージョン管理(Gitは知らないのでSVNを例として)している場合、対象のファイルを更新して最新のファイルを落としてきているか
・各ファイルでシンタックスエラー(構文ミス)が発生していないか
・CookieとかSessionとか消してみる

とかですかね

まあ思いつく限りやってみてダメなら他の人に相談してみましょう

おわり

5
1
2

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
5
1