js-判断用户浏览器是什么设备

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

下面给出js判断处理代码，以作参考。

(function getMobileDevice(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.indexOf('Gecko') > -1 && ua.indexOf('KHTML') == -1; // 火狐内核
var webkit = /AppleWebKit/i.test(ua); // 苹果、谷歌内核
var opera = /Presto/i.test(ua); // opera内核
var safari = /safari/i.test(ua) && !/Chrome/i.test(ua); // 苹果浏览器
var msie = /msie/i.test(ua); // 微软
window.device = {
isMobile: mobile,
isIos: ios,
isAndroid: android,
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 才能知道。