iT邦幫忙

0

處理瀏覽器CACHE住CSS/JS/圖片資訊的方式

  • 分享至 

  • xImage
  •  

有時候已經調整完程式的CSS/JS檔,或是置換了新的圖片上去,
在自己本機環境測試也都OK了,
但將程式更新到客戶的主機後,卻會遇到客戶反映檔案未更新的問題,
這是因為瀏覽器將這些檔案CHCHE住了,
即便更新後,瀏覽器仍然使用快取資料,這樣會造成一些困擾。
除了請客戶清除瀏覽器快取以外,
可以在檔案URL的後方加上參數,讓瀏覽器辨認出檔案已有修改,
就會重新向伺服器要求下載新檔案,如此一來做完更新後,
客戶端就可以即時看到更改後的檔案了~

假設原本有在網頁中置入一張圖片:

<img src="~/test/background.jpg" style="height: 100vh;width: 100vw;" />

現在更新了圖檔,但檔案名稱仍為background.jpg時,
只要在圖檔名稱後方加上參數:

<img src="~/test/background.jpg?ver=20221108" style="height: 100vh;width: 100vw;" />

這樣就可以防止圖片被瀏覽器CACHE住了,同理CSS/JS檔也可以這樣操作:

  <link type="text/css" rel="stylesheet" href="testCss.css?ver=20221108">
  <script src="~/test/testJs.js?ver=20221108"></script>

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言