区分代码运行的环境

判断原理

window.navigator.userAgent.toLowerCase()

javascript的navigator对象

• navigator.appVersion 浏览器的版本号
• navigator.appName 浏览器的名称
• navigator.language 浏览器使用的语言
• navigator.platform 浏览器使用的平台
• navigator.userAgent 浏览器的user-agent信息

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

例如：Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SV1; .NET CLR 1.1.4322)

是否为微信环境

function isWechat(){
     let agent = window.navigator.userAgent.toLowerCase()
      if (/micromessenger/.test(agent)) {
        return true
      } 
}
复制代码

判断iPhone/Android/pc

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {          
  //判断iPhone|iPad|iPod|iOS
  window.location.href ="iPhone.html";
} else if (/(Android)/i.test(navigator.userAgent)) {  
  //判断Android
  window.location.href ="Android.html";
} else { 
  //pc
  window.location.href ="pc.html";
};
复制代码

判断浏览器类型

function userBrowser () {   
    var browserName = navigator.userAgent.toLowerCase();   
    if(/msie/i.test(browserName) && !/opera/.test(browserName)){   
        alert("IE");   
        return ;   
    } else if (/firefox/i.test(browserName)){   
        alert("Firefox");   
        return ;   
    } else if (/chrome/i.test(browserName) &&/webkit/i.test(browserName) && /mozilla/i.test(browserName)){   
        alert("Chrome");   
        return ;   
    }else if(/opera/i.test(browserName)){   
        alert("Opera");   
        return ;   
    } else if(/webkit/i.test(browserName) &&!(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))){   
        alert("Safari");   
        return ;   
    } else{   
        alert("unKnow");   
    }   
}  

复制代码