Webseitige Anwendungen implementieren eine Back-Force-Aktualisierung

Dieses Mal werde ich Ihnen die Vorsichtsmaßnahmen für die Implementierung einer erzwungenen Aktualisierung in webseitigen Anwendungen vorstellen. Das Folgende ist ein praktischer Fall, schauen wir uns ihn gemeinsam an. 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, nachdem die Seite geladen wurde (Zusammenfügen einer UUID). oder Zufallszahl), sodass der Browser jedes Mal, wenn Sie zurückgehen, feststellt, dass die aktuelle URL nicht im Browser-Cache vorhanden ist, und sie neu lädt.
•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:

Die Reihenfolge der Ausführung des Vue-Renderings und des Plug-In-Ladens

nodejs Crawler Framework Superagent

So verwenden Sie ueditor im Vue-Projekt

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