Js 判断浏览器类型整理

判断原理

　　JavaScript是前端开发的主要语言，我们可以通过 编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另 一种是通过分析浏览器的userAgent属性来判断的。在许多情况下，值判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，而判断浏览器的 版本一般只能通过分析浏览器的userAgent才能知道。

判断是否为手机浏览器　　

　　匹配navigator.userAgent是否含有字符串AppleWebKit*****Mobile

　　安卓qq浏览器HD版 只有AppleWebKit

判断是否为微信浏览器

//判断是否是微信浏览器的函数
function isWeiXin(){
  //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型
  var ua = window.navigator.userAgent.toLowerCase();
  //通过正则表达式匹配ua中是否含有MicroMessenger字符串
  if(ua.match(/MicroMessenger/i) == 'micromessenger'){
  return true;
  }else{
  return false;
  }
}

其他常用判断整理

(function () {
    /**浏览器类型判断封装 */
    var browser = {
        //获取userAgent
        getAgent: function () {
            //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型
            var ua = window.navigator.userAgent.toLowerCase();
            return ua;
        },
        //判断是否是微信浏览器
        isWechat: function () {
            //通过正则表达式匹配ua中是否含有MicroMessenger字符串
            return this.getAgent().match(/MicroMessenger/i) == 'micromessenger';
        },
        //判断是否是QQ浏览器
        isQQ: function () {
            return this.getAgent().match(/QQ/i) == "qq";
        },
        //判断是否是手机端
        isMobile: function () {
            var u = this.getAgent();
            alert(u);
            return !!u.match(/AppleWebKit.*Mobile.*/i);
        },
        //判断是否是Android
        isAndroid: function () {
            return this.getAgent().match(/Android/i) == "android";
        },
        //判断是否是IOS
        isIOS: function () {
            return !!this.getAgent().match(/\(i[^;]+;( U;)? CPU.+Mac OS X/i)
        }
    }
    window.browser = browser;
})();

 

更多：

js获取浏览器版本信息整理

js判断浏览器类型以及版本

各浏览器对 onbeforeunload 事件的支持与触发条件实现有差异