解决微信返回上一页.页面不刷新问题菜鸟教程网_微信菜鸟教程

在项目中遇到的一个神奇的 BUG,点击「返回」按钮返回到上一页,但是页面却没有刷新。这是 ios 微信的缓存机制造成的,跳转到下一页时仍然会缓存当前页。解决方法:window.onpageshow = function (event) {if (event.persisted) {window.location.reload()}
}onload 事件在页面

解决微信返回上一页.页面不刷新问题菜鸟教程网

在项目中遇到的一个神奇的 BUG,点击「返回」按钮返回到上一页,但是页面却没有刷新。这是 ios 微信的缓存机制造成的,跳转到下一页时仍然会缓存当前页。

解决微信返回上一页.页面不刷新问题菜鸟教程网_微信菜鸟教程

解决方法:

window.onpageshow = function (event) {
      if (event.persisted) {
        window.location.reload()
      }
}

onload 事件在页面第一次加载时触发,即 onload 事件在页面从浏览器缓存中读取时不触发。

onpageshow 事件在每次加载显示页面时触发。事件在用户浏览网页时触发。

为了查看页面是直接从服务器上载入还是从缓存中读取,你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如果页面从浏览器的缓存中读取该属性返回 ture,否则返回 false。这样就可以解决返回上一页,页面不刷新问题,true的话,直接reload页面。

海计划公众号
(1)
上一篇 2020/03/30 07:14
下一篇 2020/03/30 07:13

您可能感兴趣的内容

  • Bootstrap Table含有按钮时表格不对齐零基础入门_表格菜鸟知识

    使用Bootstrap Table的时候,在含有按钮的情况,有时候表格的线垂直方向上不对齐解决方法:(1)调整表格的高度小些或者大些(至于为什么,并不清楚,调整高度后就对齐了)(2)加setTimeout$(‘#tableTest1’).bootstrapTable({// method: “POST”,// contentType: “applicatio

    2020/03/26
  • Restify.js新手入门_一个基于Nodejs的REST应用框架

    Restify.js新手入门 官方网址:http://restify.com GitHub:https://github.com/restify/node-restify 简介描述…

    2020/03/06
  • div元素宽度不定的情况下如何居中显示基础知识_居中入门基础知识

    最近由于工作的原因碰到一个问题,就是在一个弹窗宽度不定的情况下还能是该弹窗居中显示,思考许久未找到合适办法,于是在网上找到一些办法在此总结记录下来方便以后的学习。方法一:兼容IE67,但是当元素宽度大于50%时,会出现滚动条。这个是需要剧中的元素,宽度不确定
    </div

    2020/03/26
  • MySQL主从数据库同步延迟问题解决基础知识入门_延迟攻略教程

    MySQL的主从同步是一个很成熟的架构,优点为:①在从服务器可以执行查询工作(即我们常说的读功能),降低主服务器压力;②在从主服务器进行备份,避免备份期间影响主服务器服务;③当主服务器出现问题时,可以切换到从服务器。相信大家对于这些好处已经非常了解了,在项目的部署中也采用这种方案。但是MySQL的主从同步一直有从库延迟的问题,那么为什么会有这种问题。这种问题

    2020/03/30
  • React Simple Maps菜鸟指南一个基于React创建SVG地图的组件库

    React Simple Maps小白入门 官方网址:https://www.react-simple-maps.io/ GitHub:https://github.com/zcr…

    2020/03/06
  • Hyper.js基础指南_一款 JS / HTML/ CSS 终端工具

    Hyper.js基础指南 官方网址:https://hyper.is GitHub:https://github.com/zeit/hyper 简介描述:一款 JS / HTML/…

    2020/03/06
  • js函数内部两个特殊的对象之arguments和this指南攻略_函数零基础入门

    在函数内部,有两个特殊的对象:arguments和this。1、argumentsarguments是一个类数组对象。包含着传入函数中的所有参数。但这个对象还有一个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数。经典案例:阶乘函数function factorial(num){if(num <= 1){return 1;}

    2020/04/03
  • js中async与defer入门攻略_js知识小白攻略

    元素的几种常见属性:async 异步加载,立即下载,不应妨碍页面其他操作,标记为 async 的异步脚本并不保证按照指定的先后顺序执行,因此异步脚本不应该在加载期间修改DOM,异步脚本一定会在页面的 load 事件前执行,不一定在 DOMContentLoaded 事件前后触发,js有依赖性时,用async很容易出错,async 是无序执行

    2020/03/31
  • css禁止选中文本小白指南兼容实现禁用选择功能_css小白攻略

    有时候,我们需要使页面内容不可选择。首先想到的是一个css属性:user-select。user-select有两个值:none:用户不能选择文本 text:用户可以选择文本 禁用选择代码实现html:

    你可以选择我。

    你不能选择我!

    css:.noselect {
    -webkit-touch-c

    2020/04/03
  • 解锁设计优质API的五种秘籍入门基础教程_api使用教程

    如今,随着我们构建软件方式的变化,以及API平台的爆炸式激增,各大公司都必须以更快的速度构建出自己的产品、并推向市场。目前,几乎所有的软件需求都需要通过API来提供相应的解决方案,其中包括:支付类API、通信类API、以及传输类API等数千种。那么我们该如何设计并构建出一个优质的API呢?无论您的目标是要构建一个开源的API、一种API平台、还是能帮助其他开

    2020/03/24
  • 微服务架构如何影响软件开发文化?使用指南_微服务基础教程

    微服务,并不仅仅是一种代码构造方式。微服务概念一出现就引发了热烈讨论,很多文章都喜欢将其与整体式架构比较,乃至来自大型企业的用例等。然而,在说起微服务时,开发人员关注的往往是这场革命的技术意义,而非其象征的文化颠覆。虽然技术元素也很重要,但其中蕴含的文化变革更加值得重视。我很幸运能够在 2014 年左右快速融入这场潮流,我也清楚地记得当时能够将陈旧的整体式应

    2020/03/26
  • 软件架构被高估,清晰简单的设计被低估小白常识_架构入门教程

    软件架构最佳实践、企业架构模式以及系统描述的正式方法都是非常重要且实用的工具,总会有合适的场景让它们发挥作用。但在设计系统时,请从简单始、以简单终,尽可能避免一切会无谓提高复杂度的架构与正式工具。我的职责是设计和构建大型系统。我参与重写了 Uber 的 分布式支付系统 ,设计并交付了Skype on Xbox One,开源了Uber 的移动架构框架 RIBs

    2020/03/24
  • CSS便捷开发小工具汇总入门知识_css小白基础

    prefixfree前缀补全插件虽然现代浏览器支持CSS3,但是一些过往的版本或是目前有些CSS3属性的应用还是离不开前缀的。一些牛逼且执着于web技术且乐于分享的仁兄(Lea Verou)就搞了个名叫prefixfree.js的插件可以自动补全前缀。首先在页面任意地方(能生效的方)插入插件:<

    2020/04/03
  • 开发工具箱小白攻略_走南闯北,千锤百炼

    开发工具箱小白攻略 官方网址:http://www.box3.cn/ 简介描述:走南闯北,千锤百炼 开发工具箱,js开发工具箱,js加密解密工具,浏览器扩展程序,短链接,二维码,开…

    2020/03/06
  • Push.js:Javascript桌面通知库新手入门_库小白指南

    Push.js是一个可以快速运行和接收的Javascript桌面通知库,它支持IE9+,以及现代浏览器如:Chrome, Safari, Firefox。它可以应用在网页消息推送方面,而且简单易用。安装我们可以使用npm快速安装。npm install push.js –save
    使用运行push接收通知非常简单,以下代码就可以创建一个新的通知:Push.

    2020/03/29
  • Js实现继承的几种方法及其优缺点基础教程_继承使用说明

    要搞懂JS继承,我们首先要理解原型链:每一个实例对象都有一个__proto__属性(隐式原型),在js内部用来查找原型链;每一个构造函数都有prototype属性(显示原型),用来显示修改对象的原型,实例.__proto__=构造函数.prototype=原型。原型链的特点就是:通过实例.__proto__查找原型上的属性,从子类一直向上查找对象原型的属性,

    2020/03/26