Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie eine Back-Force-Aktualisierung auf der WeChat-Webseite

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

php中世界最好的语言
php中世界最好的语言Original
2018-03-17 11:47:312567Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn