web端的應用實作後退強制刷新

這次帶給大家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中文網其它相關文章！

推薦閱讀：

操作Vue渲染與外掛程式載入的順序

nodejs的爬蟲框架superagent

vue專案中如何使用ueditor

#

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