文档章节

浏览器后退不刷新页面的解决办法

放开那个女孩
 放开那个女孩
发布于 2017/08/28 15:01
字数 253
阅读 2304
收藏 2

在开发微信的H5页面的时候,发现ISO的微信内置浏览器后退不刷新了,然而业务实现需要刷新。

IOS上的微信内置浏览器为了优化用户体验,采用了后退不刷新的策略,也就是A页面打开B页面,B页面后退到A页面的时候,A页面不刷新(连JS都不执行)。

可以理解成A页面打开B页面的时候,A页面被隐藏了,后退的时候只是把A页面显示出来了。

这种情况禁缓存是没有效果的,可以通过监听onpageshow来刷新页面。

代码如下,在A页面的JS中添加

1

2

3

4

5

6

//解决IOS微信webview后退不执行JS的问题

window.onpageshow = function(event) {

if (event.persisted) {

window.location.reload();

}

};

 

event.persisted为了查看页面是直接从服务器上载入还是从缓存中读取的。

参考onpageshow用法

© 著作权归作者所有

上一篇: MySQL的安装
放开那个女孩
粉丝 4
博文 112
码字总数 43124
作品 0
杭州
程序员
私信 提问
Ajax局部页面刷新和history

原文地址(可能需要翻墙) ajax在现代网站已经得到非常普遍地应用,主要的好处大家都知道(异步加载数据,不用刷新整个浏览器,更小的数据传输尺寸)。对于那些老网站或者老项目来说全盘改造...

jarchan
2014/12/17
4.5K
0
JavaScript History对象

window.history 对象包含浏览器的历史。 浏览者通常可以使用浏览器的前进与后退按钮访问曾经浏览过的页面。JavaScript的history对象记录了用户曾经浏览过的页面,并可以实现浏览器前进与后退...

wersdffg
2015/07/23
0
0
JSP 防止网页刷新重复提交数据

网页如何防止刷新重复提交与如何防止后退的解决方法 提交后禁用提交按钮(大部分人都是这样做的) 如果客户提交后,按F5刷新怎么办? 使用Session 在提交的页面也就是数据库处理之前: if ses...

长平狐
2013/01/06
5.7K
0
用户后退操作时,让页面强制刷新

背景: 实际开发中经常会遇到一个问题,某些页面的状态是一次性的,比如说抢购,剩余商品数量是实时的,用户的后退操作就有可能导致页面显示的数据并非你所预期的最新的数据,但由于后退操作...

JNG
2016/12/19
1
0
Javascript:history.go()和history.back()的用法和区别

Javascript:history.go()和history.back()的用法和区别 简单的说就是:go(-1): 返回上一页,原页面表单中的内容会丢失;back(): 返回上一页,原页表表单中的内容会保留。 history.go(-1):后退...

巴顿
2014/04/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 因违反《中华人民共和国治安管理处罚法》第四十四条之规定

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @xiaoshiyue :#今日歌曲推荐# 惊艳分享谷微的单曲《安守本份》(@网易云音乐) 《安守本份》- 谷微 手机党少年们想听歌,请使劲儿戳(这里) ...

小小编辑
17分钟前
21
0
Angular 英雄编辑器

应用程序现在有了基本的标题。 接下来你要创建一个新的组件来显示英雄信息并且把这个组件放到应用程序的外壳里去。 创建英雄组件 使用 Angular CLI 创建一个名为 heroes 的新组件。 ng gener...

honeymoose
今天
6
0
Kernel DMA

为什么会有DMA(直接内存访问)?我们知道通常情况下,内存数据跟外设之间的通信是通过cpu来传递的。cpu运行io指令将数据从内存拷贝到外设的io端口,或者从外设的io端口拷贝到内存。由于外设...

yepanl
今天
6
0
hive

一、hive的定义: Hive是一个SQL解析引擎,将SQL语句转译成MR Job,然后再在Hadoop平台上运行,达到快速开发的目的 Hive中的表是纯逻辑表,就只是表的定义,即表的元数据。本质就是Hadoop的目...

霉男纸
今天
7
0
二、Spring Cloud—Eureka(Greenwich.SR1)

注:本系列文章所用工具及版本如下:开发工具(IDEA 2018.3.5),Spring Boot(2.1.3.RELEASE),Spring Cloud(Greenwich.SR1),Maven(3.6.0),JDK(1.8) Eureka: Eureka是Netflix开发...

倪伟伟
昨天
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部