js怎么将图片背景图片缓存到浏览器中

 时间:2024-10-11 22:52:59

1、然而在版本升级或做一些css、js等调整的时候,缓存导致用户无法显示更新后的样式,这是另人头头疼的问题。

js怎么将图片背景图片缓存到浏览器中

2、除非用户自行手动升级缓存,不过几乎所有用户不会为了正常访问这个网站而去手动清除缓存,因为用户根本不知道是不是缓存的问题,而归根结底,用户就是认为你的页面存在问题,不能正常访问。

js怎么将图片背景图片缓存到浏览器中

3、  为了可以正常使用缓存,又避免这样的问题,我们可以动脑筋想想,如果解决此问题呢?

js怎么将图片背景图片缓存到浏览器中

4、  如果更改了样式不能正常访问,那么更改样式的文件名呢?答案是可以的,这里将不再验证。然而每次都手动的去更改文件名显然过于麻烦,能不能不更改文件名呢?答案是肯定的。

js怎么将图片背景图片缓存到浏览器中

5、我们可能通在引入的文件名后面加入版本号,与之前的版本都不同的版本号(一般为更新日期)。代码如下:<link rel="stylesheet&qu泠贾高框ot; type="text/css" href="reset.css?v=20140829"> <script type="text/javascript" src="core.js?v=20140829"></script>

js怎么将图片背景图片缓存到浏览器中

6、  可以看到我的CSS文件名及JS文件名后面都跟了"v=20140829",这样做可以不去改变文件名又做到缓存的同时,可以实时更新。而"v=20140829"只是普遍习惯书写,可更改为其它的。

js怎么将图片背景图片缓存到浏览器中

7、  最后是图片,一般img标签的图片都不会重名,因为都是在后台生成的文件名。而如果是固定的文件名图片,方法同上。而对于背景图,由于更改了样式名,图片的解析路径自然是更新同步,因此背景图也更新了。

js怎么将图片背景图片缓存到浏览器中
  • kali linux下实现远程桌面连接windows
  • Html如何编写标题,段落,链接,图像,表格,换行
  • 如何获取用data-开头属性的元素
  • VSCODE-GIT提交authentication failed处理方法
  • 怎么开启Tapo免打扰功能?
  • 热门搜索
    端午节手抄报花边 好书推荐手抄报 法制手抄报内容资料 手抄报设计大全 手抄报网 保护环境手抄报图片 有关春节的手抄报 光盘行动手抄报一等奖 节约粮食的手抄报 畅想2035年手抄报内容