Neil_HL
Neil_HL
  • 发布:2017-12-27 16:51
  • 更新:2018-09-25 13:40
  • 阅读:8053

wap2app引导页的简单制作

分类:wap2app

许多开发者在开发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,重写逻辑。

4 关注 分享
shanyingqing Trust 被逼吐奶 yaho

要回复文章请先登录注册

keoy

keoy

回复 Neil_HL :
确实是没有关闭引导页的原因,然后首页启用了wap2app自带的返回机制,解决了,谢谢
2018-09-25 13:40
keoy

keoy

回复 Neil_HL :
好的,我尝试关闭引导页
2018-09-25 11:03
Neil_HL

Neil_HL (作者)

回复 keoy :
猜测应该是引导页监听了back,你有没有关闭引导页造成的。如果不是的话你可以在社区发帖并把demo上传附件,方便我们帮你解决问题
2018-09-25 10:41
keoy

keoy

回复 Neil_HL :
您好,wap2app在禁用mui.back后,完成引导页进入首页,,返回键已经无反应,重启应用后返回键恢复正常,这是什么原因呢,,是否要重写back呢?
2018-09-21 17:59
Neil_HL

Neil_HL (作者)

回复 小灬绿谷 :
在client_index.html的 plusReady()这个方法里面,使用plus.storage.setItem保存一个本地变量,进来的时候判断它是否存在,不存在才启动引导页,存在就不需要了
2018-04-23 11:03
小灬绿谷

小灬绿谷

请问在wap2app如何来记录已经启动过引导页,第二次启动应用是不在出现引导页呢?
2018-04-21 22:46