关于ios关闭右划回退页面的

最新推荐文章于 2024-02-01 16:18:11 发布

zhouSty

最新推荐文章于 2024-02-01 16:18:11 发布

阅读量2.9k

点赞数 1

分类专栏： h5+-App-开发文章标签： mui-H5+APP

本文链接：https://blog.csdn.net/zw1046921704/article/details/73331546

版权

h5+-App-开发专栏收录该内容

1 篇文章

订阅专栏

在使用HBuilder MUI和H5+开发APP时，遇到自动登录的需求。当本地存在缓存数据，应用会自动进入首页，否则跳转至登录页。在登录页面，iOS设备可通过右划进行回退，这与安卓设备不同。为解决这个问题，需要禁止iOS设备的右划回退页面，确保用户只能通过Home键关闭APP。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

运用hbuilder mui 和 h5+ 开发 app 遇到过这样一个很常见的需求
利用本地缓存记住密码自动登录的需求
首先在（1）
在index 首页面判断是否本地缓存有数据

var unames = plus.storage.getItem('user_name');
        //alert(unames)
        if(unames == null || uname=="") {
            mui.openWindow({
                url: 'myde/login.html',
                id: 'login'
            })
        }

如果有他会执行后面的代码自动进入首页
如果没有的话会进入到登录页面进行登录
但是当你进入登录页面时安卓和ios有个不同点
就是返回按钮。安卓是点击屏幕上的返回会返回
ios 右划就能返回，但是这两个返回多不能要，
所以我做了下面的设置
因为ios 只能点home建来关闭app所以这里禁止他右划回退页面就好了

if(mui.os.ios){ //判断是ios还是安卓设备
        ws=plus.webview.currentWebview();    
        ws.setStyle({'popGesture':'none'});//ios关闭右划
    }
    if(mui.os.android){
        //安卓按两次关闭app
        var clickNum = 0;
        mui.back = function(event){
                 clickNum++;
               if(clickNum == 2){
                   plus.runtime.quit();
               }else{
                   mui.toast("再按一次退出应用");
               }

                setTimeout(function(){
                   clickNum = 0;
               },1500);
                    return false;
            }
    }