解决移动端嵌入Web页时，跳转页面后退缓存问题

最新推荐文章于 2025-03-08 20:47:52 发布

原创最新推荐文章于 2025-03-08 20:47:52 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#移动端缓存

移动端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种通过服务端向客户端发送版本号来进行页面缓存验证的方法，并使用Java和JavaScript实现了具体的流程，包括如何利用sessionStorage存储和比较版本号以决定是否刷新页面。

废话不多说，直接进入主题

1. 首先在服务端向客户端写一个日期，作为版本号使用

2. 在客户端进行验证

1. 编写一个隐藏域， 这里使用的是Java中的velocity表达式取值
<input type="hidden" value="$!{serverTime}" id="serverTime" />

2. 在js中进行判断, 这里使用了jQuery
var serverTime = $("#serverTime");
var remoteVer = serverTime && serverTime.val();

if( remoteVer ){
    var localVer = sessionStorage && sessionStorage.localVer;
    if(localVer && parseInt(localVer) >= parseInt(remoteVer)) {
       //说明页面是从本地缓存拿到的.
       location.reload(true);
    }else{
       //说明页面是从服务端重新生成的,更新localVer
       sessionStorage.localVer = remoteVer;
    }
}