H5后退强制刷新方案

<!-- 后退强制刷新解决方案 START -->
<!-- 后退刷新 -->
<input type="hidden" id="SERVER_TIME" th:value="${now.getTime()}"/>
<script>
//每次webview重新打开H5首页,就把server time记录本地存储
var SERVER_TIME = document.getElementById("SERVER_TIME");
var REMOTE_VER = SERVER_TIME && SERVER_TIME.value;
if(REMOTE_VER){
var LOCAL_VER = sessionStorage && sessionStorage.PAGEVERSION;
if(LOCAL_VER && parseInt(LOCAL_VER) >= parseInt(REMOTE_VER)){
//说明html是从本地缓存中读取的
location.reload(true);
}else{
//说明html是从server端重新生成的,更新LOCAL_VER
sessionStorage.PAGEVERSION = REMOTE_VER;
}
}
</script>
<!-- 后退强制刷新解决方案 END -->
以上代码应该放在body中,最好是作为body的第一个子元素,这样后退发生时可以第一时间进行后退行为检测,避免用户看到页面呈现,然后页面又重新刷新,中间闪现“空白”。

以上后退刷新方案,对于微信内嵌浏览器,也适用的。

http://www.cnblogs.com/xxcanghai/articles/5550204.html

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值