微信web端后退強制刷新功能的實現(xiàn)代碼

發(fā)布時間：2020-08-22 00:47:21 來源：腳本之家閱讀：132 作者：殷天文欄目：web開發(fā)

具體代碼如下所示：

<script>
  //生成uuid
  var uuidChars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split("");
  function uuid() {
    var r;
    var uuid = [];
    uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";
    uuid[14] = "4";
    for (i = 0; i < 36; i++) {
      if (!uuid[i]) {
        r = 0 | Math.random() * 16;
        uuid[i] = uuidChars[(i == 19) ? (r & 0x3) | 0x8 : r];
      }
    }
    return uuid.join("");
  }
  // 兼容 android
  history.replaceState(null, null, "/currentURL?a="+uuid());
  // 兼容 ios
  $(function () { 
     var isPageHide = false; 
     window.addEventListener('pageshow', function () { 
      if (isPageHide) { 
       window.location.reload(); 
      } 
     }); 
     window.addEventListener('pagehide', function () { 
      isPageHide = true; 
     }); 
  })
</script>

•android 端使用的h6中的history對象，history.replaceState(null, null, "/currentURL?a="+uuid());在頁面加載完成后改變當(dāng)前url（拼接一個uuid或者隨機(jī)數(shù)），這樣每次后退的時候，瀏覽器發(fā)現(xiàn)當(dāng)前url在瀏覽器緩存中不存在就會去重新加載。
•但是 ios 端不支持上述方法，所以用了一段jquery代碼解決。

總結(jié)

以上所述是小編給大家介紹的微信web端后退強制刷新功能的實現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！

向AI問一下細(xì)節(jié)

微信web端后退強制刷新功能的實現(xiàn)代碼

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽