说道判断浏览器,那就不得不提到Navigator和userAgent,通常我们都是通过navigator.userAgent来判断类型,那我们需要针对这个在深入一步。这两个有什么关系呢?
首先来看Navigator,Navigator对象主要是包含有关客户端浏览器的一些信息,Navigator对象是由JavaScript runtime engine自动创建的,但是目前没有针对于navigator对象的公开标准,不过目前所有浏览器都支持该对象。
其次是userAgent,userAgent属性是一个只读的字符串,申明浏览器用于HTPP请求的用户代理头的值,简单点说其实就是通过UserAgent可以取得浏览器类别、版本,客户端操作系统等信息。
最后来看看实际当中的应用!
/**
* 获取操作系统类型,
* 0 Android
* 1 iOS
**/
functiongetOSType() {
if(/(Android)/i.test(navigator.userAgent)) {
return0;
}else if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
return1;
}else{
return2;
}
}
//js判断当前环境是否是微信环境
functionis_weixin(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
return true;
}else{
return false;
}
}