kojiokanoのブログ

コーディング業務で困ったところをまとめています。

cssの変更をキャッシュの残っているユーザーに読み込ませる方法

ページのキャッシュが残っているユーザーがcssに変更のあったページに再訪した際に

強制的にcssを読ませたい。(cssの名前は変えずに)

そこで↓こうしてみる。

 

例 

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

編集前

  <link rel="stylesheet" type="text/css" href="/css/search/style.css">


編集後

  <link rel="stylesheet" type="text/css" href="/css/search/style.css?v=20160404">

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

cssのお尻に【?v=任意の文字】をつける。

これはstyel.cssのバージョンが今までと違うということになるのでブラウザが再読み込みする。

任意の文字が変わればバージョンがかわったと認識される。

 

既存ページの編集をした際には必ず行ったほうがよさそうです。