網站最後更新日期:2021年7月29日
歡迎大家來到暢想資源 AREFLY.COM! 個人網站(中) 個人網站(EN) 更多聯絡方式
×

讓瀏覽器自動加載網頁中最新的CSS和JS文件

大家的網站往往都為一些靜態文件(例如JSCSS等)添加了緩存功能,但是如果我們更新了這些文件,想要及時加載最新的文件,怎麼辦呢?這篇文章就來教你如何清除瀏覽器中的緩存,並讓瀏覽器加載網頁中最新的CSS和JS,讓訪客使用到最新的功能!

教學

注意:在以下各方法中,你均需要將「http://www.example.com/style.css」改為你的CSS文件地址!

1、如果你只是偶爾需要更新一下文件,我們只需要在文件地址後面加入 ?ver=[任意文字] 即可,例如:

2、如果你想永遠不要緩存該文件,我們可以將PHP獲取當前的時間(UNIX格式)當作文件的版本,這樣,瀏覽器不會緩存你的文件:

注意:使用該方法可能會嚴重拖慢網站速度!

3、如果你想要只有在文件更改後才更新緩存,只需將文件被版本設定為 filemtime (本函數將輸出文件的最後更新時間)即可:

4、如果你使用的WordPress系統,也可使用WordPress自帶的 wp_enqueue_style 函數來載入CSS至頭部:

參考

Force Browsers To Load Latest CSS And JS

讓瀏覽器載入最新的 CSS 和 JS

歷史上的今天

2013年:使用wget下載整站鏡像(18條評論)

覺得這篇文章有用嗎?分享一下讓更多人受益吧!

© 版權聲明:本文章採用「姓名標示-非商業性-相同方式分享 4.0 國際(CC BY-NC-SA 4.0)」於「」發布,轉載時須以相同方式發布並註明「原文鏈接」!

本文固定鏈接:https://www.arefly.com/zh-tw/force-browsers-load-latest-css-js/

本文章由「超級efly」於2014年07月15日發表於「網路」分類

你可以發表評論,並在保留原文地址及作者的情況下引用到你的網站

轉載請註明:讓瀏覽器自動加載網頁中最新的CSS和JS文件 | 暢想資源

關鍵字:, , , ,

如果您對本文有任何疑問或建議,歡迎發送郵件至yifei@hesyifei.com(或通過其它途徑)聯繫我們,謝謝!