對一個新的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
}
}
具體的業務邏輯自己可以處理。