>웹 프론트엔드 >JS 튜토리얼 >웹 측에서는 백포스 새로 고침 기능 코드를 구현합니다.

웹 측에서는 백포스 새로 고침 기능 코드를 구현합니다.

小云云
小云云원래의
2018-05-14 16:05:082075검색

이 글은 주로 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 코드 조각을 사용하여 해결했습니다.

관련 권장 사항:

강제 페이지 새로 고침을 위한 javascript 구현 코드_javascript 기술

위 내용은 웹 측에서는 백포스 새로 고침 기능 코드를 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.