使用navigator.userAgent.toLowerCase()判断浏览器的类型

在跨平台、浏览器、移动设备兼容的时候&＃xff0c;要根据设备、浏览器做特定调整&＃xff0c;所以我们经常会用到navigator.userAgent.toLowerCase()来进行判断。

先来解释一下意思&＃xff0c;navigator是HTML中的内置对象&＃xff0c;包含浏览器的信息&＃xff1b;userAgent是navigator的属性方法&＃xff0c;可以返回由客户机发送服务器的头部的值&＃xff0c;作用其实就是就是返回当前用户所使用的是什么浏览器&＃xff0c;toLowerCase(&＃xff09;是将转换为小写。

区分Android、iphone、ipad&＃xff1a;

var ua &＃61; navigator.userAgent.toLowerCase();
if (/android|adr/gi.test(ua)) {
// 安卓
}else if(/\(i[^;]&＃43;;( U;)? CPU.&＃43;Mac OS X/gi.test(ua)){
//苹果
}else if(/iPad/gi.test(ua)){
//ipad
}

有些软件是内置的浏览器&＃xff0c;比如新浪微博、腾讯QQ&＃xff08;非QQ浏览器&＃xff09;和微信

&＃xff08;微信在6.0.2版本的时候做了改动&＃xff0c;微信的分享功能在新版本跟以前不一样了&＃xff09;为了兼容版本&＃xff0c;要做以下操作&＃xff1a;

注&＃xff1a;新浪微博为1&＃xff0c;QQ客户端为2&＃xff0c;微信低于6.0.2版本为3&＃xff0c;高于6.0.2版本为4&＃xff0c;其他为0。

var ua &＃61; navigator.userAgent.toLowerCase();
if(ua.match(/weibo/i) &＃61;&＃61; "weibo"){
console.log(1);
}else if(ua.indexOf(&＃39;qq/&＃39;)!&＃61; -1){
console.log(2);
}else if(ua.match(/MicroMessenger/i)&＃61;&＃61;"micromessenger"){
var v_weixin &＃61; ua.split(&＃39;micromessenger&＃39;)[1];
v_weixin &＃61; v_weixin.substring(1,6);
v_weixin &＃61; v_weixin.split(&＃39; &＃39;)[0];
if(v_weixin.split(&＃39;.&＃39;).length &＃61;&＃61; 2){
v_weixin &＃61; v_weixin &＃43; &＃39;.0&＃39;;
}
if(v_weixin <&＃39;6.0.2&＃39;){
console.log(3);
}else{
console.log(4);
}
}else{
console.log(0);
}

区分各个浏览器&＃xff1a;

*********************************补充分割线*************************************************

其实navigator.userAgent 也有bug,

在IOS中&＃xff0c;时间的显示格式一般是 &＃39;2016/11/11 11:11:11&＃39; &＃xff0c;所以对于安卓的&＃39;2016-11-11 11:11:11&＃39;&＃xff0c;是不适用于IOS的。

因此&＃xff0c;我们用下面的代码去判断安卓系统&＃xff0c;

var isAdr &＃61; new Date(&＃39;2016-11-11 11:11:11&＃39;).getTime() > 0;


!isAdr
就是IOS~~~