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

今回は、戻るときに 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('pageshow', function () { 
      if (isPageHide) { 
       window.location.reload(); 
      } 
     }); 
     window.addEventListener('pagehide', 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 サイトの他の関連記事を参照してください。