0
0

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 1 year has passed since last update.

デザインやjavascriptを修正したのに反映されない場合の対応方法

Posted at

キャッシュを疑う

キャッシュが残っていて、修正前の動作をしている可能性があります。
キャッシュを削除して再度確認してみましょう。

キャッシュとは?

一度読み込んだ内容・情報を一時的に保存しておく。次回閲覧する際に素早く読み込めるようにするための方法

キャッシュは、速度改善に有効で便利なのですが
こういった弊害もあります。

よく、webデザインの修正してデプロイしたのにユーザーの画面に反映されていないってことがよくあります。

キャッシュバスター

毎回、ユーザーにキャッシュ削除するの??
っての現実的ではないです。

なので、キャッシュバスターという方法を使うのが一般的なそうです。

やり方は簡単で、
jsやcssの読み込み箇所の後ろに「?」でバージョンや、更新日時を付与します。

こうすることで、同じファイルとみなされず最新のキャッシュとして読み直されます。

例)

src=”style.css?date=20220731″
src=”style.css?ver=1.0"
0
0
1

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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?