So implementieren Sie eine Back-Force-Aktualisierung auf der WeChat-Webseite

Dieses Mal zeige ich Ihnen, wie Sie eine erzwungene Aktualisierung auf der WeChat-Webseite implementieren und welche Vorsichtsmaßnahmen für die Implementierung einer erzwungenen Aktualisierung auf der WeChat-Webseite gelten. Das Folgende ist ein praktischer Fall , lass uns einen Blick darauf werfen.

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 History-Objekt in h5, das von der Android-Seite verwendet wird, history.replaceState(null, null, "/currentURL?a="+uuid()); ändert die aktuelle URL nach der Seite geladen wird (Spleißen Sie eine UUID oder eine 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.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

Verwenden Sie js, um schnell die Adresse des Bildes auf der HTML-Seite abzurufen

So verwenden Sie den React BootStrap Framework

Cookie-Ablauf, automatische Aktualisierung und automatischen Abruf festlegen

React Native verwendet Fetch zum Hochladen von Bildern

Import verwenden und Packaged JS erfordern

Das obige ist der detaillierte Inhalt vonSo implementieren Sie eine Back-Force-Aktualisierung auf der WeChat-Webseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!