h5 怎么判断安卓,ios,微信浏览器,app环境

1. 判断是否是安卓还是ios

var ua = window.navigator.userAgent.toLowerCase();
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
             //ios环境
} else if (navigator.userAgent.match(/android/i)) {
            //安卓环境
}

2.判断是微信浏览器、app进入的H5、手机自带的浏览器

var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
	//微信浏览器
}else if(ua.match(/isapp/i) == "isapp"){
	//从手机App里面打开的
	//注释:"isapp"需要app端配置,否则ua里面是没有"isapp"这个字段的
}else{
	//其他的浏览器
}

3.H5:点击按钮,如果手机端有app就打开app,没有app就去应用市场下载

借用网上的方法:

1. url :跳转app
2. downUrl_ios :ios应用市场
3. downUrl_android :安卓应用市场

openApp(url, downUrl_ios, downUrl_android) {
        var ua = window.navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == 'micromessenger') {//是否是微信浏览器
          if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//是否是ios
                window.location = ""; //填写地址
            } else if (navigator.userAgent.match(/android/i)) { //是否是安卓
                window.location = ""; //填写地址
            }
        }else{ //其他的浏览器
            if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//ios端
              var loadDateTime = new Date();
              window.location.href = url;  
              window.setTimeout(function () {
                var timeOutDateTime = new Date();
                if (timeOutDateTime - loadDateTime < 1000) {
                  window.location.href = downUrl_ios;//ios下载地址
                } else {
                  window.close();
                }
              }, 2000);
            } else if (navigator.userAgent.match(/android/i)) { //安卓端
                var state = null;
                var loadDateTime2 = new Date();
                window.location.href = url;
                window.setTimeout(function () {
                  var timeOutDateTime2 = new Date();
                  if (timeOutDateTime2 - loadDateTime2 < 1000) {
                    window.location.href = downUrl_android; //android下载地址
                  } else {
                    window.close();
                  }
                }, 2000);
            }
        }
    },
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值