如何给静态html 引用的js或者css路径后面加上时间戳

html-css022

如何给静态html 引用的js或者css路径后面加上时间戳,第1张

1.目前普遍的做法是用webpack打包引入时加入hash,例如有文件a,在webpack配置时可以写a[hash:8]. js,会生成八位的hash字符串。2.如果是老一点的项目,webpack改造麻烦的话,可以每次发布的时候手动改,比如在html中将a. js的引入改为a. js? 20210215,这样的后边加一个今天的日期,浏览器就不会使用缓存,会重新加载文件。个人经验,以供参考,有用采纳,有问题追答。

你提了两个问题,逐一解答。

一、其实那张图片就是ico_warn.png,而为什么后面会有问号id什么的,这个叫时间戳。作用是为了下次修改这个图,用户那里是缓存,而没有更新图片。而加了时间戳,修改这个图的时候,自动更换时间戳,用户浏览器就会更新图片。

二、这个是背景图片定位,具体可以搜“CSS sprite”看相关文章。作用就是把所有小图标,都放一张图上,减少http请求。

重新请求内容是不同浏览器不同的,一般来说crl+f5就是强制刷新,是让浏览器从服务器从新下载内容的,不过360浏览器的缓存很不好清除,建议还是在浏览器工具里边清空下,火狐和google还好