賈維斯的智慧工坊

  • Home
  • About
  • Note
  • Project
  • Experience
  • Service
  • Sitemap


MY | NOTES

  1. 首頁
  2. >
  3. 筆記
  4. >
  5. 網頁設計

[PHP] 讓網頁自動重新載入JS和CSS檔

Automatically Reload JS and CSS
May, 2019

Problem

網站版型不會變動

當我們曾經拜訪某個網站後
Chrome都會將功能(JS)與版型(CSS)暫存於瀏覽器中

當我們再次進入時,可以節省載入的時間
但!這樣會變成網站有什麼變動
我們無法第一時間看到

手動重新載入的方法是「shift+F5」

就像我右邊的sidebar其實也是一段JS
若大家都用暫存的檔案
他的內容就不會更新了

Solution

其實只要將檔名後面加上版號的概念
就能騙瀏覽器,這是不同的檔案

app.js?ver=不同的字串
瀏覽器就會去找名叫app.js的檔案重新載入

我使用PHP的方法當作範例
無論是要引入JS還是CSS都可以用
< script src="../sidebar.js?ver=< ?php echo date("Ymd");?>">
強制加上日期的字串
echo date("Ymd");
這樣瀏覽器就能每天自動重新載入了
若想要每小時或每分鐘,可參考date的用法


← Back to note