ios微信浏览器返回不刷新问题完美解决方法

2024-10-01 15:39:15

开始用的表单提交，返回参数就丢失，换成url跳转，popstate监听（注释部分）ios10测试始终有问题，继续搜，最后用pageshow，pagehide完美解决（另外说一句：珍爱生命，远离微信和ios）

var wxback = {
    init :function(){
      //隐藏微信分享按钮等
      document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.call('hideToolbar');
        WeixinJSBridge.call('hideOptionMenu');
        WeixinJSBridge.call('hideMenuItems');
      });
      if(getSystem()=="ios"){
        //this.pushHistory();
        /* window.addEventListener("popstate", function(e) { //回调函数中实现需要的功能
          //window.location.href = document.referrer+"&"+Math.floor(Math.random()*1000);
          //history.go(-1);//不管怎么样都是返回到最初的页面返回了n次
          //history.back();//不管怎么样都是返回到最初的页面返回了n次
          //window.location = document.referrer;//上一个页面url
          //WeixinJSBridge.call('closeWindow');//直接关闭页面
        }, false);*/
        var isPageHide = false;
        window.addEventListener('pageshow', function () {
         if (isPageHide) {
          window.location.reload();
         }
        });
        window.addEventListener('pagehide', function () {
         isPageHide = true;
        });
      }
    },
    pushHistory :function () {
      var state = {
        title: document.title,
        url: location.href
      }
      window.history.pushState(state, state.title, state.url);
      console.log(window.history);
    },
}

总结

以上所述是小编给大家介绍的ios微信浏览器返回不刷新问题完美解决方法，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

JS解决IOS中拍照图片预览旋转90度BUG的问题

上篇文章[Js利用Canvas实现图片压缩功能]中做了图片压缩上传,但是在IOS真机测试的时候,发现图片预览的时候自动逆时针旋转了90度.对于这个bug,我完全不知道问题出在哪里,接下来就是面向百度编程了.通过度娘找到了相关资料,解决方法记录在此.这个问题的具体因素其实我还是不清楚是为何导致的,只有IOS和部分三星手机会出现此bug. 绝大部分的安卓机并无此问题. 解决此问题需要引入一个第三方 JS 库: exif.js 下载地址:https://github.com/exif-js/exif-
IOS开发之手势响应事件优先级的实例详解

IOS开发之手势响应事件优先级的实例详解交互响应事件都是通过手势的操作完成的,如点击.或双击.或长按,这些交互都是在视图中完成的,但是不同的视图可能会有不同的交互,有时候就会出现交互响应事件冲突的情况.这时候就需要处理事件优先级,以便达到想要的效果. 示例场景:一个自定义模式视图view中,有一个列表视图table,同时有一个确定的按钮视图button:在view中有一个单击事件UITapGestureRecognizer,在table中点击每个cell也会有点击事件,同样的button中有个
IOS 开发之读取addressbook的实现实例

IOS 开发之读取addressbook的实现实例 iphone读取addressbook: 1.添加addressbook.framework 2.在需要的源文件中 #import <AddressBook/AddressBook.h> #import <AddressBookUI/AddressBookUI.h> 3.开始粘代码: //get all people info from the address book ABAddressBookRef addressBo
IOS 中弹框的实现方法整理

IOS 中弹框的实现方法整理 #define iOS8Later ([UIDevice currentDevice].systemVersion.doubleValue >= 8.0) ios 8以前的弹框 @interface RootViewController ()<UIAlertViewDelegate> @end UIAlertView * alert = [[UIAlertView alloc] initWithTitle:@"登陆失败" message:
Android实现类似iOS风格的对话框实例代码

分享一个简单的常用的对话框类,按照国际惯例,先上图布局简单,先上布局.一个标题,一个内容,两个按钮 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout an
iOS开发之TextField禁用粘贴、选择和全选功能

众所周知,TextField默认情况下,双击会出现"Paste"等提示复制粘贴的快捷菜单,方便用户快速编辑文本,但很多情况下,我们并不希望用户能够粘贴文本[虽然这样不友好,但万一产品经理要这么实现呢?],那么我们可以这样做: 方法自定义TextField 重写canPerformAction方法 class CustomTextField: UITextField { /// 是否只是用于显示(禁用粘贴.选择和全选功能) var displayOnly = false /// 禁用粘
ios微信浏览器返回不刷新问题完美解决方法

开始用的表单提交,返回参数就丢失,换成url跳转,popstate监听 (注释部分)ios10测试始终有问题,继续搜,最后用pageshow,pagehide完美解决(另外说一句:珍爱生命,远离微信和ios) var wxback = { init :function(){ //隐藏微信分享按钮等 document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { WeixinJSBridge.call('hid
iOS微信浏览器回退不刷新实例(监听浏览器回退事件)

iOS在微信浏览器回退是不重新加载页面的,有些时候是需要重新加载的,所以需要监听回退事件 $(function(){ pushHistory(); }); function pushHistory(){ window.addEventListener("popstate", function(e){ alert("回退!"); //window.history.back(); //在历史记录中后退,这就像用户点击浏览器的后退按钮一样. //window.histor
微信小程序scroll-x失效的完美解决方法

失效的scroll-x 在微信小程序的文档中,使用scroll-view标签,然后给它设置一个scroll-x就可以实现元素,横向排列,可以左右滑动.... 然而,在实际开发中,发现并不是这么简单...贴上部分wxml和wxss代码-  <scroll-view class='scroll-box' scroll-x > <view class='box'> <view class='box-hd'> <image src
JS模态窗口返回值兼容问题的完美解决方法

因系统要兼容原IE已使用的关闭方法,经调试测得,需对window.dialogArguments进行再较验,不然易出问题. function OKEnd(vals) { if (vals == null) vals = "TRUE"; if (typeof (window.opener) == "undefined") { if (typeof (window.dialogArguments) != "undefined") { if (wind
vue中解决微信html5原生ios虚拟键返回不刷新问题

问题描述: 做微信h5页面时,经过了微信授权才跳转到一级默认路由home.vue中,因此在home页面时在IOS中底部会出现虚拟的返回键,安卓上不会出现.且在IOS点击返回时会跳转到home空白页面不重新加载,但是在安卓机上点击返回键会重新加载. 实现功能: 解决IOS问题(在home页面点返回时路由还是在home页面,并完成重新加载) 分析: 需要在进入页面时加入监听,并在页面离开时移除监听.因为home页面是个滚动列表,所以我采用了keep-alive路由缓存,所以不能在created()和
iOS新版微信底部返回横条问题的解决

之前没有怎么接触过微信开发,只是对H5比较熟.最近维护一个微信公众号的项目,遇到了iOS端返回键的坑. 描述一下: 从公众号打开页面后,底部有个返回的小横条,恰好也挡住了页面.这不行啊,得解决. 页面的高度是调用 $(window).height();来获取的,但道理来讲应该没什么问题. 第一个反应是,要不判断一下设备,如果是iOS则给添加一个高度? 这个想法还没实行呢,就发现了一个现象.第一次进来的时候是挡着的,但是刷新一下就不挡了.然后就想着要不判断第一次进来给个刷新? 然后落实了,改代码.
解决ios微信页面回退不刷新的问题

在回退后需要刷新的页面加以下js $(function () { var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); } }); window.addEventListener('pagehide', function () { isPageHide = true; }); }) 以上这篇解决ios微信页面回退不刷
ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)

最近做微信公众号页面,因为入口不同,需要把公共页面抽取出来,然后根据不同的值,传递给后台不同的入口.刚开始用iframe页面嵌套(第一次尝试使用),但发现iOS系统对iframe嵌套页面的高度和定位控制的不到位,具体表现为,当嵌套的子页面的高度大于父页面的高度,且子页面中有触发弹框事件时,这时,如果子页面高度远远大于父页面高度,就会出现弹框找不到的情况,其实可能是在视口以下,弹框的位置只是相对于子页面来定位,并没有相对于视口定位. 尝试了好多种方法,均不理想,而安卓系统则表现良好,于是想到,iO
基于IOS端微信分享失效的踩坑及解决方法

最近的一个公众号是基于vue的spa应用,在接入微信分享和微信语音的时候出现了:在Android上一切正常,但是在ios端调用wx.config的时候总是失败,去翻了官方文档也并没有找到解决方案,最后在测试中发现是因为初始化的时候传入的URL的问题.具体过程如下: 微信config接口配置,官方文档如下: 所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支
iOS拍照后图片自动旋转90度的完美解决方法

今天开发一个拍照获取照片的功能的时候, 发现上传之后图片会自动旋转90. 测试发现, 只要是图片大于2M, 系统就会自动翻转照片相机拍照后直接取出来的UIimage(用UIImagePickerControllerOriginalImage取出),它本身的imageOrientation属性是3,即UIImageOrientationRight.如果这个图片直接使用则没事,但是如果对它进行裁剪.缩放等操作后,它的这个imageOrientation属性会变成0.此时这张图片用在别的地方就会发生

ios微信浏览器返回不刷新问题完美解决方法

相关推荐

随机推荐