许多开发者在开发wap2app时,都提出了引导页如何制作的问题,其实wap2app的引导页和普通5+app的做法是一样的。
5+app的引导页制作。
具体实现
1.在client_index.html页面添加如下代码:
<script type="text/javascript">
if(window.plus){
plusReady()
}else{
document.addEventListener('plusready',plusReady,false)
}
function plusReady(){//这里是每次进入应用都会显示引导页,开发中要如何显示引导页视具体的情况而定。
var guide = plus.webview.create('guide/guide.html',"guide");
guide.show();
}
</script>
2.在manifest.json->splash配置:启动选项改为手动关闭启动界面;
3.引导页guide.html:这个页面需要做到plusready后关闭splash,在引导结束后关闭引导页,开发时可使用mui的引导页看看效果。
注意:
1.由于采用了手动关闭splash的选项,所以如果进来的时候没有打开guide.html,那么需要在client_index.html里调用5+方法关闭splash;
2.在guide页面的back逻辑默认是wap2app的首页返回逻辑,即双击back退出应用,开发者可根据实际需求自己监听back,重写逻辑。
6 个评论
要回复文章请先登录或注册
keoy
keoy
Neil_HL (作者)
keoy
Neil_HL (作者)
小灬绿谷