WeChat 웹 측에서 백포스 새로 고침 기능을 구현하는 방법(자세한 튜토리얼)

이 글에서는 주로 WeChat 웹 측 강제 새로고침 기능 구현 코드를 소개합니다. 필요하신 분들은 참고하시면 됩니다.

구체적인 코드는 다음과 같습니다.

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

•h5의 히스토리 객체 안드로이드 측에서 사용됩니다. history.replaceState(null, null, "/currentURL?a="+uuid());페이지가 로드된 후 현재 URL을 변경합니다(uuid 또는 임의의 숫자 연결). 그러면 돌아갈 때마다 현재 URL이 브라우저에 존재하지 않는 것을 발견하면 브라우저가 다시 로드됩니다. 은닉처.
•하지만 ios측에서는 위의 방법을 지원하지 않기 때문에 jquery 코드 조각을 사용하여 해결했습니다.

위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

vue axios 요청 차단 예제 코드

vue2를 사용하여 장바구니 및 주소 선택 기능 구현

Angular 개발 실습 서버 측 렌더링

위 내용은 WeChat 웹 측에서 백포스 새로 고침 기능을 구현하는 방법(자세한 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!