文档章节

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

放开那个女孩
 放开那个女孩
发布于 2017/08/28 15:01
字数 253
阅读 1323
收藏 1
点赞 0
评论 0

在开发微信的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用法

© 著作权归作者所有

共有 人打赏支持
放开那个女孩
粉丝 2
博文 112
码字总数 43036
作品 0
杭州
程序员
Ajax局部页面刷新和history

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

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

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

wersdffg
2015/07/23
0
0
Javascript:history.go()和history.back()的用法和区别

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

巴顿
2014/04/02
0
0
JSP 防止网页刷新重复提交数据

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

长平狐
2013/01/06
5.6K
0
怎样控制浏览器左上后退按钮事件?

页面描述:初始进入是一个a.jsp,动态控制某条件下页面会刷新为b.jsp 目的:控制页面,禁止后退 处理:禁用了页面右键(快捷键等),设置页面是弹窗_blank(无工具栏,无后退、前进按钮); ...

大喵子
2016/01/11
209
1
不使用任何框架,教你制作网页滑动切换效果

我做了一个关于网页滑动切换的小例子。这个确实很简单,只要你会使用jQuery、jQuery Mobile、zepto或者其他一些框架,然后他们会给你处理好这个。我不想这么做,我想挑战一下不使用任何框架就...

迷途d书童
2012/04/14
7.1K
13
关于window.history.back()后退问题

Windows下的window.history.back()后退后返回的不只是前一个页而是前一个页的状态。如果一个页我修改了3次那必须后退3次才能回到前一个页。而且数据库中删除的数据依然显示在上面感觉非常的不...

刘梓航
2014/12/30
0
0
history API 和锚点链接在单页应用页面切换中的应用

Ajax的流行和前端MVVM框架的快速发展给Web开发带来了极大的便利,也让Web应用体验越来越好,近些年单页应用也随之流行起来。Ajax的应用可以让网页实现无刷新更新数据,但其也会造成浏览器无法...

深海鱼在掘金
2017/11/30
0
0
Selenium2+python自动化5-操作浏览器基本方法

前言 前面已经把环境搭建好了,这从这篇开始,正式学习selenium的webdriver框架。我们平常说的 selenium自动化,其实它并不是类似于QTP之类的有GUI界面的可视化工具,我们要学的是webdriver...

上海-悠悠
2016/12/01
0
0
chrome 浏览器 页面 内嵌iframe 后退问题

chrome 浏览器 页面 内嵌iframe 后退问题, 我需要当页面的iframe跳转到错误页面后点击一个按钮实现 iframe后退到前一个页面,但是chrome下面结果却是刷新了父页面 是否有办法可以解决 ie下面...

Q317075064
2013/04/27
1K
3

没有更多内容

加载失败,请刷新页面

加载更多

下一页

实现异步有哪些方法

有哪些方法可以实现异步呢? 方式一:java 线程池 示例: @Test public final void test_ThreadPool() throws InterruptedException { ScheduledThreadPoolExecutor scheduledThre......

黄威
今天
0
0
linux服务器修改mtu值优化cpu

一、jumbo frames 相关 1、什么是jumbo frames Jumbo frames 是指比标准Ethernet Frames长的frame,即比1518/1522 bit大的frames,Jumbo frame的大小是每个设备厂商规定的,不属于IEEE标准;...

六库科技
今天
0
0
牛客网刷题

1. 二维数组中的查找(难度:易) 题目描述 在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入...

大不了敲一辈子代码
今天
0
0
linux系统的任务计划、服务管理

linux任务计划cron 在linux下,有时候要在我们不在的时候执行一项命令,或启动一个脚本,可以使用任务计划cron功能。 任务计划要用crontab命令完成 选项: -u 指定某个用户,不加-u表示当前用...

黄昏残影
昨天
0
0
设计模式:单例模式

单例模式的定义是确保某个类在任何情况下都只有一个实例,并且需要提供一个全局的访问点供调用者访问该实例的一种模式。 实现以上模式基于以下必须遵守的两点: 1.构造方法私有化 2.提供一个...

人觉非常君
昨天
0
0
《Linux Perf Master》Edition 0.4 发布

在线阅读:https://riboseyim.gitbook.io/perf 在线阅读:https://www.gitbook.com/book/riboseyim/linux-perf-master/details 百度网盘【pdf、mobi、ePub】:https://pan.baidu.com/s/1C20T......

RiboseYim
昨天
1
0
conda 换源

https://mirrors.tuna.tsinghua.edu.cn/help/anaconda/ conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/conda config --add channels https://mir......

阿豪boy
昨天
1
0
Confluence 6 安装补丁类文件

Atlassian 支持或者 Atlassian 缺陷修复小组可能针对有一些关键问题会提供补丁来解决这些问题,但是这些问题还没有放到下一个更新版本中。这些问题将会使用 Class 类文件同时在官方 Jira bug...

honeymose
昨天
0
0
非常实用的IDEA插件之总结

1、Alibaba Java Coding Guidelines 经过247天的持续研发,阿里巴巴于10月14日在杭州云栖大会上,正式发布众所期待的《阿里巴巴Java开发规约》扫描插件!该插件由阿里巴巴P3C项目组研发。P3C...

Gibbons
昨天
1
0
Tomcat介绍,安装jdk,安装tomcat,配置Tomcat监听80端口

Tomcat介绍 Tomcat是Apache软件基金会(Apache Software Foundation)的Jakarta项目中的一个核心项目,由Apache、Sun和其他一些公司及个人共同开发而成。 java程序写的网站用tomcat+jdk来运行...

TaoXu
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部