Le côté Web implémente le code de la fonction d'actualisation de force inverse

Cet article vous présente principalement le code d'implémentation de la fonction de rafraîchissement de force arrière du côté Web de WeChat. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

Le code spécifique est le suivant :

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

•L'objet historique dans h5 utilisé par le côté Android, history.replaceState(null, null, "/currentURL?a="+uuid());modifie l'URL actuelle après le chargement de la page ( épissage d'un uuid ou d'un nombre aléatoire), de sorte qu'à chaque fois que vous revenez en arrière, le navigateur se rechargera lorsqu'il constatera que l'URL actuelle n'existe pas dans le cache du navigateur.
•Mais le côté iOS ne prend pas en charge la méthode ci-dessus, j'ai donc utilisé un morceau de code jquery pour le résoudre.

Recommandations associées :

Javascript actualisation forcée de la mise en œuvre des compétences code_javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!