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
}
}

具體的業務邏輯自己可以處理。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM