웹 측 애플리케이션은 백포스 새로 고침을 구현합니다.

이번에는 웹 애플리케이션에서 뒤로 및 강제 새로 고침을 구현할 때 주의사항을 알려드리겠습니다. 다음은 실제 사례입니다. 구체적인 코드는 다음과 같습니다.

<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 개체는 페이지가 로드된 후 현재 URL(uuid 또는 임의의 숫자 연결)을 변경하여 돌아갈 때마다 , 브라우저는 현재 URL이 브라우저 캐시에 없으면 다시 로드됩니다. history.replaceState(null, null, "/currentURL?a="+uuid());•하지만 ios측에서는 위의 방법을 지원하지 않기 때문에 jquery 코드 조각을 사용하여 해결했습니다.

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

Vue 렌더링 및 플러그인 로딩 작업 순서

nodejs 크롤러 프레임워크 슈퍼에이전트

vue 프로젝트에서 ueditor 사용 방법

위 내용은 웹 측 애플리케이션은 백포스 새로 고침을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!