“筱航科技”教你网站替换图片后，浏览器进行实现更新
发布时间：2020-03-17 21:21:13
作者：筱航科技
来源：本站
浏览量（279）
点赞（171）
摘要：meta设置浏览器不缓存，首先你得用几个meta标签来控制客户端的html页面的更新时间。如果为了能快速看到效果，干脆用meta标签做不缓存。
平常调试的时候总是因为缓存问题有些浪费时间，加上这几行代码就ok了
一：使用meta设置浏览器不缓存
首先你得用几个meta标签来控制客户端的html页面的更新时间。如果为了能快速看到效果，干脆用meta标签做不缓存。如上述代码所示
二：给静态资源添加版本号
1、然后，html里的图片的url，使用版本控制方法，比如：
第一种形式：http://www.xx.com/xx_v1.jpg
第二种形式：http://www.xx.com/xx.jpg?v=1
2、当图片需要更新时，把新图片的url中的版本号进行递增就行。对于上文的例子，新图片的url应该为：
第一种形式：http://www.xx.com/xx_v2.jpg
第二种形式：http://www.xx.com/xx.jpg?v=2
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Cache" content="no-cache"> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" />
筱航科技主营业务： 长春网站建设 - 长春网站制作 -长春网站设计 -长春网站开发 -长春网站优化 -长春网站SEO - 长春网站推广 - 长春网络营销 - 长春网站关键词排名 -长春微信小程序 -长春微信商城 -长春分销商城
扫一扫，关注我们
声明：本文由【筱航科技】编辑上传发布，转载此文章须经作者同意，并请附上出处【筱航科技】及本页链接。如内容、图片有任何版权问题，请联系我们进行处理。
171
