WeChat Web 側でバック強制更新を実装する方法-jsチュートリアル-php.cn

WeChat Web 側でバック強制更新を実装する方法

php中世界最好的语言

リリース： 2018-03-17 11:47:31

オリジナル

2593 人が閲覧しました

今回は、戻るときに WeChat Web 側で強制更新を実装する方法と、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オブジェクトは、ページがロードされた後に現在のURLを(uuidまたは乱数を結合して)変更します。戻って参照ブラウザは、現在の URL がブラウザのキャッシュに存在しないことを検出すると、それを再読み込みします。 history.replaceState(null, null, "/currentURL?a="+uuid());•ただし、iOS側は上記の方法をサポートしていないため、jqueryコードを使用して解決しました。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

js を使用して HTML ページ内の画像のアドレスをすばやく取得する

React BootStrap フレームワークの使用方法

自動的に更新され、自動的に取得されるように Cookie の有効期限を設定する

React Native は fetch を使用して画像をアップロードします

import と require を使用して JS をパッケージ化します

以上がWeChat Web 側でバック強制更新を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。