Maison > interface Web > Tutoriel H5 > le corps du texte

Les applications côté Web implémentent l'actualisation de force inverse

php中世界最好的语言
Libérer: 2018-03-27 15:44:43
original
2938 Les gens l'ont consulté

Cette fois, je vais vous présenter les précautions pour implémenter le rafraîchissement forcé dans les applications côté Web. Ce qui suit est un cas pratique, examinons-le ensemble. 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>
Copier après la connexion

•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 nombre aléatoire ), de sorte qu'à chaque fois que vous revenez en arrière, le navigateur constate que l'URL actuelle n'existe pas dans le cache du navigateur et la rechargera.
•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 :

L'ordre de fonctionnement du rendu Vue et du chargement du plug-in

superagent du framework d'exploration Nodejs

Comment utiliser ueditor dans le projet vue

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!