网站最后更新日期:2018年8月29日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站 更多联络方式
×

让浏览器自动加载网页中最新的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-cn/force-browsers-load-latest-css-js/

本文章由“超级efly”于2014年07月15日发表于“网络”分类

你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站

转载请注明:让浏览器自动加载网页中最新的CSS和JS文件 | 畅想资源

关键字:, , , ,

让浏览器自动加载网页中最新的CSS和JS文件:目前有 20 条留言
访客以 13:7 大幅领先博主

评论载入中,请稍等……
  1. 13楼
    carry0987 Taiwan; Republic of China (ROC) Safari iPhone

    楼主可否研究下Discuz 的class_template.php中对于css文件的缓存处理?函数为loadcsstemplate()

    [回复]
  2. 12楼
    动漫资讯 China Google Chrome Windows

    博主很久没有来了哈

    [回复]
  3. 11楼
    凯凯 China Google Chrome Windows

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

    [回复]
  4. 10楼
    晨风 China Maxthon Windows

    好牛逼!

    [回复]
  5. 9楼
    张戈博客 China Google Chrome Windows

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

    [回复]
  6. 8楼
    wuxc China Google Chrome Windows

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

    [回复]
  7. 7楼
    Alick.Li Singapore Google Chrome Windows

    不错的分享 支持!

    [回复]
  8. 6楼
    Pete China Google Chrome Windows

    挺好==

    [回复]
  9. 5楼
    免费部落 China Google Chrome Windows

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

    [回复]
    • 有没有什么推荐的联盟呢~(Google联盟很早前不知道为什么被封掉了... :cry:

      [回复]
  10. 4楼
    图库 China Mozilla Firefox Windows

    好博客 我喜欢 更喜欢传统汉字

    [回复]
  11. 不错,很有用。

    [回复]
  12. 板凳
    wwng China Google Chrome Windows

    可以评论啊 :grin:

    [回复]
  13. 沙发
    Aidd China 淘宝浏览器 Windows

    嗯。受用。

    [回复]

发表评论



微笑 调皮 偷笑 可爱 大笑 坏笑 诡计 赞 疑问 HI~ 爱 抱歉 对不起 头晕 惊讶 帅 努力 劳累 疯狂 难过 大哭 差 猪 邪恶 无言 愤怒 流汗 擦汗


快捷键:Ctrl+Enter