如何實作微信web端後退強制刷新功能（詳細教學）

這篇文章主要介紹了微信web端後退強制刷新功能的實現代碼,需要的朋友可以參考下

#具體代碼如下所示：

##

<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(&#39;pageshow&#39;, function () { 
      if (isPageHide) { 
       window.location.reload(); 
      } 
     }); 
     window.addEventListener(&#39;pagehide&#39;, function () { 
      isPageHide = true; 
     }); 
  })
</script>

•android 端所使用的h5中的history對象，

history.replaceState(null, null, "/currentURL?a=" uuid());在頁面載入完成後改變目前url（拼接一個uuid或隨機數），這樣每次後退的時候，瀏覽器發現當前url在瀏覽器快取中不存在就會去重新載入。 •但是 ios 端不支援上述方法，所以用了一段jquery程式碼解決。

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

vue axios請求攔截實例代碼

#使用vue2實作購物車與位址選配功能

Angular開發實踐之服務端渲染

以上是如何實作微信web端後退強制刷新功能（詳細教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！