Js 判斷瀏覽器類型整理

時間 2019-11-07

原文原文鏈接

判斷原理

　　JavaScript是前端開發的主要語言，咱們能夠經過編寫JavaScript程序來判斷瀏覽器的類型及版本。JavaScript判斷瀏覽器類型通常有兩種辦法，一種是根據各類瀏覽器獨有的屬性來分辨，另一種是經過分析瀏覽器的userAgent屬性來判斷的。在許多狀況下，值判斷出瀏覽器類型以後，還需判斷瀏覽器版本才能處理兼容性問題，而判斷瀏覽器的版本通常只能經過分析瀏覽器的userAgent才能知道。html

判斷是否爲手機瀏覽器　　

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

　　安卓qq瀏覽器HD版只有AppleWebKitandroid

判斷是否爲微信瀏覽器

//判斷是不是微信瀏覽器的函數
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;
})();