Jquery Mobile에서 방문한 페이지 캐싱

Question

Android 용 Jquery Mobile/Phonegap 앱에서 작업합니다. 사용자가 내 페이지 중 하나를 방문했다는 것을 기억하는 앱을 좋아합니다. 예를 들어 한 번 "page1.html"을 방문하면 폰 메모리에이 작업을 캐시해야하므로 사용자가 앱을 다시 열면 "index2.thml"에서 직접이 "page2.html"로 이동할 수 있어야합니다 ". 제발, 코드 제안이 있다면, 나에게 어떻게/어디에서 사용하는지 말해주세요. 나 같은 선발자가 약간의 조각 코드로 무엇을해야하는지 이해하기가 정말로 어렵 기 때문입니다.

대단히 감사합니다!

Answer 1

이 목적으로 HTML5 로컬 저장소를 사용할 수 있습니다.

페이지는 아래와 같이 저장/로컬 스토리지 변수에 현재 페이지의 URL을 업데이트, 'lastVisit'를 말할 수있는 표시됩니다 때마다 :

$(document).on('pageshow', function (event, data) { 

    var currentPage = $('.ui-page-active').data('url');  
    localStorage.setItem("lastVisit", currentPage); 

}); 

당신은 $를 받고 있지 않은 경우 ('. ui-page-active ') 데이터 ('url ')가 있으면 현재 페이지 ID를 제공하는 $ .mobile.activePage.attr ('id ')를 사용할 수 있습니다.

다음 번에 사용자가 앱을 다시 열면이 로컬 저장소 변수가 설정되어 있는지 여부를 확인할 수 있습니다.

코드는 다음과 같이 표시됩니다

$(document).on('mobileinit', function(){ 

    var lastVisit = ''; 

    if(localStorage.getItem("lastVisit") != null){ 
     lastVisit = localStorage.getItem("lastVisit"); 
    } 
    if(lastVisit){ 
     document.location.href = lastVisit; 
    } 

}); 

당신은 헤더 섹션 스크립트에서 이러한 코드를 사용할 수 있습니다.