페이지가 이미 캐시 된 경우 jQuery 프리 로더를 사용하지 않도록 설정하는 기능

Question

내 이미지에 jQuery preloader을 사용하고 있으며 로더를 실행하기 전에 페이지가 이미 사용자 브라우저에 캐시되어 있는지 확인할 수 있는지 궁금합니다. 당신의 응답을 감사합니다 덕분에

$(document).ready(function() { 
    if (!page_cached) { 
     $("body").queryLoader2(); 
    } 
    else { 
     //do nothing 
     return false; 
    } 
}); 

:

플러그인은

$(document).ready(function() { 
    $("body").queryLoader2(); 
}); 

내가 좋아하는 뭔가를 쓸 수있는 기능을 DOM로드에서 실행됩니다.

Answer 1

ajax를 통해 헤드 요청을 수행 할 수 있으며 200 대신 304가 반환되면 캐시에 헤드 요청을 보낼 수 있습니다. 같은 자바 스크립트에서 뭔가은 다음과 같습니다

 

function isInCache(url) 
{ 
    var http = new XMLHttpRequest(); 
    http.open('HEAD', url, false); 
    http.send(); 
    return http.status; 
} 
//then 
$(document).ready(function() { 
    if (isInCache(your_page_url) != "304") { 
     $("body").queryLoader2(); 
    } 
    else { 
     //do nothing 
     return false; 
    } 
}); 
 

그것이 빠른 응답