網站最後更新日期:2016年12月3日
歡迎大家來到暢想資源 AREFLY.COM!
讚好Facebook
追隨Twitter
加入QQ群
關注微博
關注微信公眾號
捐款
更多聯絡方式
X

讓瀏覽器自動加載網頁中最新的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年:(轉載)Win7中立體彈珠台-太空軍校生消失的原因(26條迴響)

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

覺得這篇文章有用麼?分享一下讓更多人知道吧!

爲繼續支持本站繼續寫出優質文章、歡迎捐款!

注:本站同時長期承接WordPress外掛及主題制作、伺服器環境配置等,如需詳情,請「聯系我們」!

© 版權聲明:「暢想資源」之所有文章及資源系采用「創用 CC 姓名標示-非商業性-相同方式分享 3.0 香港 授權條款」發布及共享,轉載時須以相同方式發布並注明「原文鏈接」!

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

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

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

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

關鍵字:, , , ,

以下是廣告時間,廣告內容僅供參考!

廣告載入中...

讓瀏覽器自動加載網頁中最新的CSS和JS文件:目前有 18 條留言

訪客以 12:7 大幅領先博主

迴響載入中,請稍等...
  1. 12樓
    动漫资讯 China Google Chrome Windows

    博主很久没有来了哈

    [回覆]
  2. 11樓
    凯凯 China Google Chrome Windows

    第四个css只能放在主题目录下呀,css放其他地方(如二级域名)就不行了,

    [回覆]
  3. 10樓
    晨风 China Maxthon Windows

    好牛逼!

    [回覆]
  4. 9樓
    张戈博客 China Google Chrome Windows

    好方法,否则调个CSS,要刷新半天。。。

    [回覆]
  5. 8樓
    wuxc China Google Chrome Windows

    好文章!支持一下! :idea:

    [回覆]
  6. 7樓
    Alick.Li Singapore Google Chrome Windows

    不错的分享 支持!

    [回覆]
  7. 6樓
    Pete China Google Chrome Windows

    挺好==

    [回覆]
  8. 5樓
    免费部落 China Google Chrome Windows

    你实在应该放个联盟的广告,太单调了!

    [回覆]
    • 有沒有什麼推薦的聯盟呢~(Google聯盟很早前不知道為什麼被封掉了... :cry:

      [回覆]
  9. 4樓
    圖庫 China Mozilla Firefox Windows

    好博客 我喜歡 更喜歡傳統漢字

    [回覆]
  10. 不错,很有用。

    [回覆]
  11. 2樓
    wwng China Google Chrome Windows

    可以评论啊 :grin:

    [回覆]
  12. 沙發
    Aidd China 淘宝浏览器 Windows

    嗯。受用。

    [回覆]
廣告載入中...

發表迴響



微笑 調皮 偷笑 可愛 大笑 壞笑 詭計 贊 疑問 HI~ 愛 抱歉 對不起 頭暈 驚訝 帥 努力 勞累 瘋狂 難過 大哭 差 豬 邪惡 無言 憤怒 流汗 擦汗


快捷鍵:Ctrl+Enter