2018.2.6 JS-判断用户浏览器

JS-判断用户浏览器

在判断用户使用的浏览器是否为PC还是移动设备，有时候项目中需要用到。可在需要的项目中当全局方法来使用。

判断代码

function getMoblieDevice(window){
	var ua = navigator.userAgent;
	var mobile = /AppleWebKit.*Mobile.*/.test(ua)||/AppleWebKit/.test(ua);
	//判断是否为终端


var ios = /(i[^;]+;(U;)?CPU.+Mac OS X/.test(ua);)  //ios终端

var android = /(Android);?[s/]+([d.]+)?/.test(ua);
//android终端或者uc浏览器

var iphone = /iphone/i.test(ua);	//iphone

var iPad = /iPad/i.test(ua);	//ipad

var weixin = /micromessenger/i.test(ua);//weixin

var chrome = /Chrome/([d.]+)/.test(ua)||CriOS/([d.]+)/.test(ua);	//chrome

var mozilla = ua.indexOd('Gecko')>-1 && ua.indexOf('KHTML') == -1;  //火狐内核
}


var webkit = /AppleWebKit/i.test(ua);	//苹果、谷歌内核

var opera = /Persto/i.test(ua);  //微软

window.device ={isMobile:mobile,isIos:ios,isAndroid,isIPhone:iphone,isIpad:iPad,isWeiXin:weixin,isChrome:chrome,isMozilla:mozilla,isWebkit:webkit,isOpera:opera,isSafari:safari,isMsie:msie}
})(window);

console.log(device);

---

在网站前端开发中，浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题旧的首先准确判断出浏览器的类型及其版本。

Javascript判断浏览器类型一般有两种方法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。

在许多情况下，值判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，二判断浏览器的版本一般只通过分析浏览器的userAgent才能知道。