判断浏览器类型语言微信页面首次加载等

Posted 2020-11-22 old-man

1、检查是否是移动端（Mobile）、ipad、iphone、微信、QQ等

   //判断访问终端
        var browser={
          versions:function(){
            var u = navigator.userAgent
                return {
                  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(‘Adr‘) > -1, //android终端
                  iPhone: u.indexOf(‘iPhone‘) > -1 , //是否为iPhone或者QQHD浏览器
                  iPad: u.indexOf(‘iPad‘) > -1, //是否iPad
                  webApp: u.indexOf(‘Safari‘) == -1, //是否web应该程序，没有头部与底部
                  weixin: u.indexOf(‘MicroMessenger‘) > -1, //是否微信
                  qq: u.match(/sQQ/i) == " qq" //是否QQ
                };
          }(),
          //语言
          language:(navigator.browserLanguage || navigator.language).toLowerCase();

使用方法：

//判断是否IE内核 
        if(browser.versions.trident){ alert("is IE浏览器"); } 
        //判断是否webKit内核 
        if(browser.versions.webKit){ alert("is webKit内核浏览器"); } 
        //判断是否移动端 
        if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ alert("移动端"); }
        //判断是否微信内置浏览器
        if(browser.versions.weixin){ alert("微信内置浏览器")}
        //判断是否QQ内置浏览器
        if(browser.versions.qq){ alert("qq内置浏览器")}
        //判断语言
        if(browser.language.indexOf(‘zh‘)>-1){
            alert(‘中文‘);
        }else if(browser.language.indexOf(‘en‘)>-1){
            alert(‘英文‘)
        }else{
            alert(‘其他语言‘)
        }

2、微信判断

     if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
            // console.log("移动端")
        } else {
   
            // console.log("pc端")
        }

3.判断浏览器设置语言

    if(window.name == ""){
      // console.log("首次被加载");
      var lang = navigator.language || navigator.userLanguage;
      　　//获取浏览器配置语言 #括号内是个运算，运算过后赋值给lang，当?前的内容为true时把?后的值赋给lang，为False时把:后的值赋给lang
      　　var lang = lang.substr(0, 2);//获取lang字符串的前两位
      　　if(lang == ‘zh‘){
   
          // 　　alert(‘中文浏览器‘);
      　　}else{
        //  　　 alert(‘非中文浏览器‘);

     }

4 判断浏览器是否首次加载

   if(window.name == ""){
      // console.log("首次被加载");
    window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值 
     }else if(window.name == "isReload"){
      //  console.log("页面被刷新");
     }