Die Webseite implementiert den Back-Force-Refresh-Funktionscode

Dieser Artikel stellt Ihnen hauptsächlich den Implementierungscode der Back-Force-Refresh-Funktion auf der WeChat-Webseite vor. Freunde, die ihn benötigen, können darauf zurückgreifen.

Der spezifische Code lautet wie folgt:

<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>

•Das von der Android-Seite verwendete Verlaufsobjekt in h5 history.replaceState(null, null, "/currentURL?a="+uuid());ändert die aktuelle URL, nachdem die Seite geladen wurde ( Spleißen einer UUID oder einer Zufallszahl), sodass der Browser jedes Mal, wenn Sie zurückgehen, neu geladen wird, wenn er feststellt, dass die aktuelle URL nicht im Browser-Cache vorhanden ist.
•Aber die iOS-Seite unterstützt die obige Methode nicht, daher habe ich einen Teil des JQuery-Codes verwendet, um das Problem zu lösen.

Verwandte Empfehlungen:

Javascript erzwungene Seitenaktualisierungscode_Javascript-Kenntnisse

Das obige ist der detaillierte Inhalt vonDie Webseite implementiert den Back-Force-Refresh-Funktionscode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!