ios微信瀏覽器返回不刷新問題完美解決方法

更新時間：2017年09月16日 11:55:37 作者：oZhangBi

這篇文章主要介紹了ios微信瀏覽器返回不刷新問題完美解決方法,需要的朋友可以參考下

開始用的表單提交，返回參數(shù)就丟失，換成url跳轉(zhuǎn)，popstate監(jiān)聽（注釋部分）ios10測試始終有問題，繼續(xù)搜，最后用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) { //回調(diào)函數(shù)中實現(xiàn)需要的功能
          //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');//直接關(guān)閉頁面
        }, 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);
    },
}

總結(jié)

以上所述是小編給大家介紹的ios微信瀏覽器返回不刷新問題完美解決方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！

您可能感興趣的文章: