英特网校

js判断浏览器类型和手机系统


1、js判断浏览器是否为微信浏览器:

function isWeiXinBrowser() {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
        return true;
    } else {
        return false;
    }
}

使用方法:

var isWeiXin=isWeiXinBrowser();
if(isWeiXin==true){
    执行代码...
}else{
    执行代码
}

2、js判断手机类型为苹果还是安卓

function mySystem(userAgent){
	if (userAgent.indexOf('Android') > -1 || userAgent.indexOf('Linux') > -1) {//安卓手机
	  	return 'Android';
	} 
	if (userAgent.indexOf('iPhone') > -1) {//苹果手机
	 	return 'iPhone';
	} 
}

使用方法:

var system=mySystem();
if(system==true){
    执行代码...
}else{
    执行代码
}

3、app下载实例(微信扫一扫时,提示用系统自带的浏览器,然后再自带浏览器中打开时自动下载app或跳转到其他页面)

(1)在html中插入一张图片,设置默认状态为隐藏

<img src="image/down.png" style="display: none;width: 100%;margin:0 auto" id="img"/>

(2)判断如果浏览器为微信浏览器是,显示图片引导用户用自动浏览器打开页面,如果不是微信浏览器可以直接处理后面的函数

var mb = isWeiXinBrowser();
var img=document.getElementById('img');
    if(mb==true)
    {
		img.style.display='block';
		return;
     }

(3)根据不同的手机跳转到对应的下载地址【安卓/苹果】,安卓可以直接放apk下载链接,会自动下载,苹果可以放第三方下载链接

var system=mySystem(userAgent);
if(system=='安卓'){
	window.location.href = ''
}
if(system=='苹果'){
	window.location.href = ''
}


评论中心

登录后可评论,请 登录 注册