H5页面在iphone下返回不刷新页面怎么解决?

在微信中的H5页面,在iphone下返回不刷新,怎么让它返回强制刷新

阅读 9.1k
7 个回答

能不能描述得详细点

如果是ajax的话可以设置强制刷新,这个可以百度.
然后我现在有种返回的设计是, 比如点了一个按钮然后对应会有一个弹窗层展示出来, 在展示的同时我会给url添加一个锚点, 添加锚点的好处是代码会监听url的变换, 一旦用户点了微信返回按钮(iphone是左上角, 大多数android是右下角), 监听代码会根据url的变换处理该操作, 比如关闭弹出层. 这个操作实际上是不会刷新页面的. 也不清楚你说的是那种情况.

这个问题遇到过,但没有应用过。你可以尝试这个方法,使用html5的历史记录管理,比如在a.html页面,触发一个跳转页面的事件,在事件回调函数里面,加上history.replaceState('','',a.html#param),也就是在当前用一个新的url取代历时记录中的 a.html 这个时候返回的话就会回到你设置的a.html#param,加一个锚点或者是search随机数均可。你可能需要注意的问题是。或者是你在a.html 点击之后跳转的那个页面,比如跳转到b.html页面,你在b.html页面中做一个历史回退的监听事件,window.onpopstate,在回调事件中重置一个新的url,通过加锚点或search字符串等。

window.onpageshow事件,每次返回新页面都会触发。

window.onpageshow=function(e){
    var a=e||window.event;
    alert(a.persisted);
    if(a.persisted){
        window.location.refresh();
    }
}

你说的不刷新,只是请求数据的时候因为request body参数不变的时候才会出现不刷新吧?如果可以的话让后台在请求的时候在data里面传个时间戳参数,这样每次请求就图片描述

cache-control: no-cache

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题