Comment implémenter l'actualisation de force arrière sur le côté Web de WeChat

Cette fois, je vais vous montrer comment mettre en œuvre une actualisation forcée côté Web WeChat et quelles sont les précautions sur la façon de mettre en œuvre une actualisation forcée côté Web WeChat. Ce qui suit est un cas pratique. , jetons un coup d'oeil.

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>

•Le objet historique en h5 utilisé par le côté Android, history.replaceState(null, null, "/currentURL?a="+uuid()); change l'url actuelle après la page est chargé (Splice un uuid ou 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.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Utilisez js pour obtenir rapidement l'adresse de l'image dans la page html

Comment utiliser le React BootStrap framework

Définir l'expiration des cookies, la mise à jour automatique et la récupération automatique

React Native utilise la récupération pour télécharger des images

utilisez l'importation et exigez Packaged JS

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!