浏览器相关属性

//浏览器类型

const u = navigator.userAgent;

const browser = {

        wechat: /MicroMessenger/i.test(u), // 微信

        weibo: !!u.match(/Weibo/i), // 微博

        uc: !!u.match(/UCBrowser/i)||u.indexOf(' UBrowser')>-1, // UC浏览器

        sogou: u.indexOf('MetaSr')>-1||u.indexOf('Sogou')>-1,  // 搜狗

        xiaomi: u.indexOf('MiuiBrowser')>-1, // 小米

        baidu: u.indexOf('Baidu')>-1||u.indexOf('BIDUBrowser')>-1, // 百度

        360: u.indexOf('360EE')>-1||u.indexOf('360SE')>-1,

        2345: u.indexOf('2345Explorer')>-1,

        edge: u.indexOf('Edge')>-1,

        ie11: u.indexOf('Trident')>-1&&u.indexOf('rv:11.0')>-1,

        ie: u.indexOf('compatible')>-1&&u.indexOf('MSIE')>-1,

        firefox: u.indexOf('Firefox')>-1,

        safari: u.indexOf('Safari')>-1&&u.indexOf('Chrome')===-1,

       qqbrowser:   u.indexOf('MQQBrowser')>-1&&u.indexOf(' QQ')===-1,

        qq: u.indexOf('QQ')>-1,

        chrome:  u.indexOf('Chrome')>-1||u.indexOf('CriOS')>-1,

        opera: u.indexOf('Opera')>-1||u.indexOf('OPR')>-1,

  };

// 移动端浏览器内核信息

const brs = {

        trident: u.indexOf('Trident') > -1, //IE内核

          presto: u.indexOf('Presto') > -1, //opera内核

          webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核

          gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核

          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终端或uc浏览器

          iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器

          iPad: u.indexOf('iPad') > -1, //是否iPad

          webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部

}

 // 判断页面在 微信 / 微博 / QQ / 支付宝 / 钉钉 内置浏览器内打开

const u = navigator.userAgent.toLowerCase();

const isApp = u.match(/MicroMessenger/i) == "micromessenger"

                    || u.match(/WeiBo/i) == "weibo"

                    || (u.indexOf('qq') !== -1 && u.indexOf('mqqbrowser') === -1)

                    || /alipay/ig.test(u)

                    || u.indexOf('dingtalk') !== -1;

// 系统区分

const u = navigator.userAgent；

const system = {

    windows: !!u.match(/compatible/i)||u.match(/Windows/i)，

    macOs: !!u.match(/Macintosh/i)||u.match(/MacIntel/i)，

    ios: !!u.match(/iphone/i)||u.match(/Ipad/i),

    android: u.match(/android/i)

}