移动端H5界面 前端html app 自动清除引入的css js缓存方法

本文介绍了在移动端H5界面开发中如何自动清除浏览器缓存,包括添加版本号、URL加随机数、动态加载JS和CSS以及利用Java代码生成时间戳的方法,确保更新内容即时生效。
摘要由CSDN通过智能技术生成

笔者近期在开发移动端h5界面,发现每次改完样式 js都需要强制清除下手机浏览器的缓存,才显示效果,但是通过微信浏览器进行查看时没找到清除缓存的按钮,于是乎,自己上网上找了写方法,又在学习群里交流了下,总结出以下方法

1.添加版本号或者标识号

在引用的css 跟js 后面,添加一个版本号,至于怎么使用规则,可以跟组内小伙伴约定好,这样子升级到正式环境的时候,就不用用户自己清理缓存了.(原理:增加了一个参数,且该参数是一个随机数,每次都不一样,所以每次的请求参数都不一样,服务器会将其作为一个新的请求,重新返回结果,而不会使用缓存)

示例如下:

/*版本号*/
<link rel="stylesheet" href="css/yours.css?v=1.0.1"/>
<script src="js/yours.js?v=1.0.1"></script>

/*标识号*/
<link rel="stylesheet" href="css/yours.css?t=120224"/>//加一个标识 强制浏览器重新加载此文件
<script src="js/yours.js?random=120211"></script>
/*图片*/
background:url(**.png?20150421) 加一个标识号,使图片不被缓存

2.给URL加上随机数

https://demo.com?v=' + parseInt(M
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值