在Jquery Mobile中缓存访问的页面

Question

我在针对Android的Jquery Mobile / Phonegap应用程序上工作。 我希望我的应用“记住”用户访问过我的页面之一。 例如，如果他曾经访问过“ page1.html”，则此操作应缓存在手机内存中，这样，当用户再次打开应用程序时，应该可以直接从“ index.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'）。data（'url'），则可以使用$ .mobile.activePage.attr（'id'）来获取当前页面ID。

因此，下次用户再次打开应用程序时，您可以检查是否设置了此本地存储变量并可以采取相应措施。

代码如下所示：

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

    var lastVisit = '';

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

});

您可以在标题节脚本中使用这些代码。