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

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

亚连
풀어 주다: 2018-06-01 15:14:15
원래의
1903명이 탐색했습니다.

이 글에서는 주로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿