CSSはブラウザで自動でキャッシュされるため、CSSの更新をしても中々反映されないことがある。
git hub
https://github.com/nkmrkisk/js-css-refresher
cssの後ろにクエリを入れると、ブラウザが違うファイルだと認識して読み取ってくれる
例)
example.com/asset/css/style.css
↓
example.com/asset/css/style.css?00001
なので、それをJSで読み込みの度にクエリを追加してくれるようにした
window.addEventListener('load',function(){ Array.from(document.querySelectorAll('link')).forEach(function(e){ var d = new Date().getTime(); if( e.href.indexOf('?') === -1 ){ e.href = e.href+"?"+d; }else{ e.href = e.href+"&"+d; } }) },false);