首頁  >  文章  >  web前端  >  怎樣實作微信web端後退強制刷新

怎樣實作微信web端後退強制刷新

php中世界最好的语言
php中世界最好的语言原創
2018-03-17 11:47:312518瀏覽

這次帶給大家怎樣實現微信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程式碼解決。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

用js快速的取得html頁面中圖片的位址

React BootStrap框架如何使用

設定cookie過期自動更新和自動取得

react native使用fetch上傳圖片

使用import 和require打包JS

以上是怎樣實作微信web端後退強制刷新的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn