用userAgent区别浏览器类型

userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值   

返回的是个字符串，各个浏览器详情值：https://www.cnblogs.com/c2g5201314/p/12315604.html

navigator.userAgent

versions:function(){
        var u = navigator.userAgent;
        return {
            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios系统
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或系统
            wp:u.indexOf('IEMobile') > -1,//Windows Phone系统
            iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
            Safari:u.indexOf("Safari") > -1,//判断是否Safari浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') > -1 //是否web应该程序，没有头部与底部
        };
}(),

可把值转化为小写：var ua =navigator.userAgent.toLowerCase()；

isAndroid = ua.indexOf("android") != -1 ; //  true => android

isMobile = /mobile/gi.test(ua);   //true  =》mobile

isMobile= document.webkitHidden; //false  =》非移动端

平板：isAndroid && !isMobile