瀏覽器暫存導致JS更新不完全解決辦法

  • 5493
  • 0
  • JS
  • 2019-03-20

最近系統剛上線後,因為JS一直在變動,使用Chrome只能在變動時叫使用者清除快取並強制重新載入。

但其實這樣是不太好的因為

第一除了使用者老是忘記外

第二全系統每一個使用者網頁每一次的載入速度會因此受影響

查詢過許多資料後發現chrome有個擴充元件 Cache killer 

他可以在使用者重新載入時,直接清除快取並且重新載入。

好處:使用者只要F5就可以重新載入最新的JS

壞處 : 每次的重新載入都會耗能耗時

因此決定透過程式碼去改善這個問題。


在asp.net 引用JS的地方加上版本號,chrome只要發現跟原先的版本號不同時,便會自動重新加載新的JS

簡單來說:

我們在asp.net 時 引用JS 如下

  <script src="js\INV204public.js" type="text/javascript"></script>

 現在只要我們在js後面加上一個版本號(ver =  日期) 如下

  <script src="js\INV204public.js?ver=20190122" type="text/javascript"></script>

chrome便會自動加載此版本號,就不需要叫使用者自己再去 強制清除快取並重新載入囉