ホームページ  >  記事  >  ウェブフロントエンド  >  Web 側はバック フォース リフレッシュ関数コードを実装します。

Web 側はバック フォース リフレッシュ関数コードを実装します。

小云云
小云云オリジナル
2018-05-14 16:05:082039ブラウズ

この記事では主にWeChat Web側のバックフォースリフレッシュ機能の実装コードを紹介しますので、必要な方は参考にしていただければ幸いです。

具体的なコードは次のとおりです:

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

•Android側で使用されるh5の履歴オブジェクトは、history.replaceState(null, null, "/currentURL?a="+uuid());ページがロードされた後に現在のURLを変更します(UUIDまたは乱数を結合します)。戻り、ブラウザは現在の URL がブラウザのキャッシュに存在しないことが判明した場合、再読み込みされます。
•しかし、iOS側は上記の方法をサポートしていないため、jqueryコードを使用して解決しました。

関連する推奨事項:

強制ページ更新用の JavaScript 実装コード_JavaScript スキル

以上がWeb 側はバック フォース リフレッシュ関数コードを実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。