可點選QR code
文章專區
網頁設計相關文章
讓電腦自動載入最新的CSS
我們常常在修改完CSS上傳後，對方看到的卻還是未改過的舊畫面，這是因為瀏覽器會暫存CSS、js等等這些靜態網頁，雖然按ctrl+F5或是有像「CSS Reloader」這種讓瀏覽器清除快取、重新載入最新CSS的配件可以安裝，然而也不太可能要求每個客戶都這麼做吧！
這時就得用一些小撇步讓瀏覽器加載網頁最新版，讓瀏覽器認為URL變得不同，向伺服器請求新的下載，這樣一來對方就能夠直接看到新頁面了。
方法如下：
CSS後面加上?以及日期、亂數、版本等都可以強制瀏覽器讀取最新的CSS唷！
1.CSS?後面加上日期。如：style.css?20170620
2. CSS?後面加上亂數。如：style.css?3344qwe
3.CSS?後面加上版本。如：style.css?v2.11.1
圖片也可以運用唷！
例如：
CSS內用到的圖片也行
如：.AD{background:url(../images/banner.png?20170808);}
js也可以加上，方法亦同。(如首圖範例)
只要簡單改一下，就可以保證瀏覽器讀取的是最新頁面！
