js 根据 useragent 判断访问网页的 设备 和 浏览器

在跨平台,各种浏览器,移动设备兼容的时候,经常要根据设备、浏览器做特定调整,

所以判断设备和浏览器的工作,经常会用到,这里做一下总结

判断设备,区分android,iphone,ipad和其它


android返回1,iphone返回2,ipad返回3,其它返回0


function get_device_info(){
	var ua = navigator.userAgent;
	if(ua.match('Android')){
		return 1;
	}else if(ua.match('iPhone') || ua.match('iPod')){
		return 2;
	}else if(ua.match('iPad')){
		return 3;
	}else{
		return 0;
	}
}



判断是不是特定类型的浏览器,比如新浪weibo客户端内置浏览器,qq客户端内置浏览器(而非qq浏览器),微信内置浏览器(并且区分版本是否大于等于6.0.2)


(特定类型浏览器可能会存在,无法下载,无法跳转和自己的客户端app的特定协议等等,所以需要区分)


(由于微信在6.0.2的时候做了新的策略,使得微信的分享功能在新版本变得不一样,为了兼容新旧版本,这里做了区分操作)


新浪weibo客户端返回1,qq客户端返回2,微信小于6.0.2版本返回3,微信大于等于6.0.2版本返回4,其它返回0


function get_broswer_info(){
	var ua = navigator.userAgent.toLowerCase();
	if(ua.match(/weibo/i) == "weibo"){
		return 1;
	}else if(ua.indexOf('qq/')!= -1){
		return 2;
	}else if(ua.match(/MicroMessenger/i)=="micromessenger"){
		var v_weixin = ua.split('micromessenger')[1];
		v_weixin = v_weixin.substring(1,6);
		v_weixin = v_weixin.split(' ')[0];
		if(v_weixin.split('.').length == 2){
			v_weixin = v_weixin + '.0';
		}
		if(v_weixin < '6.0.2'){
			return 3;
		}else{
			return 4;
		}
	}else{
		return 0;
	}
}



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值