phonegap–app启动欢迎引导页localstorage

概述对一个新的app，一般情况都会添加一个介绍和欢迎的页面来告诉用户app的功能和新的特性。那么在phonegap项目里面如何添加这样个引导欢迎页。 这里需要注意的是只有app第一次打开的时候才会有，其他时候打开时不会出现。所以这里我用到了html5的localStorage。接下来看我如何实现的。 1.需要准备一个打开app时显示的页面，我这边用一个logo.html来展示app的介绍图用的是图片滑动。这里面用来iScroll插件。同时在启动这个logo.html页面的时候设置一个storage数据。window.localStorage.setItem(“HomeLogo”, “HomeLogo_hide”);来判断是否为第一次启动。具体的代码我这里不贴了，可以看我的附件。 2.其次在我们的index.html页面里面设置一个判断是否为第一次启动。这里我们需要明确的是app启动的时候一定打开的index文件，而非logo文件。所以这里我做了一个方法，在index文件一加载的时候来检查HomeLogo 是否存在。如果存在就不做处理，如果不存在就直接跳转到logo文件，当执行晚上logo文件后，HomeLogo 文件就有了子这样下次打开应用就直接访问index文件。 function loaded() {try {var HomeLogo = window.localStorage.getItem(“HomeLogo”);if (HomeLogo == null) {window.location.href = “logo.html?p=1″;}} catch (e) {showAlert(“设备不支持！”); // debug}}具体的业务逻辑自己可以处理。

 

 

window.localstorage.setItem(“Homelogo”,“Homelogo_hIDe”);

 

 

function loaded() {
try {
var Homelogo = window.localstorage.getItem(“Homelogo”);
if (Homelogo == null) {
window.location.href = “logo.HTML?p=1″;
}
} catch (e) {
showAlert(“设备不支持！”); // deBUG
}
}

具体的业务逻辑自己可以处理。

总结

以上是内存溢出为你收集整理的phonegap–app启动欢迎引导页localstorage全部内容，希望文章能够帮你解决phonegap–app启动欢迎引导页localstorage所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。