js判断操作系统与浏览器类型兼容性优化

发布时间:2020-10-21编辑:脚本学堂
有关js脚本判断操作系统类型的方法、以及javascript判断浏览器类型的方法与例子,考虑兼容性的问题,知道了操作系统与浏览器类型以指导页面优化。

封装的判断操作系统与浏览器的方法,一起来看看。

1、判断操作系统类型
 

复制代码 代码示例:
var os = (function() {
var UserAgent = navigator.userAgent.toLowerCase();
return {
isIpad  : /ipad/.test(UserAgent),
isIphone: /iphone os/.test(UserAgent),
isAndroid   : /android/.test(UserAgent),
isWindowsCe : /windows ce/.test(UserAgent),
isWindowsMobile : /windows mobile/.test(UserAgent),
isWin2K : /windows nt 5.0/.test(UserAgent),
isXP: /windows nt 5.1/.test(UserAgent),
isVista : /windows nt 6.0/.test(UserAgent),
iswin7  : /windows nt 6.1/.test(UserAgent),
isWin8  : /windows nt 6.2/.test(UserAgent),
isWin81 : /windows nt 6.3/.test(UserAgent)
}; // www.jb200.com
}());

2、如果要判断系统是否是iPad,只需要判断if(os.isIpad) {}.
浏览器类型检测:
 

复制代码 代码示例:
var bw = (function() {
var UserAgent = navigator.userAgent.toLowerCase();
return {
isUc  : /ucweb/.test(UserAgent), // UC浏览器
isChrome  : /chrome/.test(UserAgent.substr(-33,6)), // Chrome浏览器
isFirefox : /firefox/.test(UserAgent), // 火狐浏览器
isOpera   : /opera/.test(UserAgent),  // Opera浏览器
isSafire  : /safari/.test(UserAgent) && !/chrome/.test(UserAgent), // safire浏览器
is360 : /360se/.test(UserAgent), // 360浏览器
isBaidu   : /bidubrowser/.test(UserAgent), // 百度浏览器
isSougou  : /metasr/.test(UserAgent), // 搜狗浏览器
isIE6 : /msie 6.0/.test(UserAgent), // IE6
isIE7 : /msie 7.0/.test(UserAgent), // IE7
isIE8 : /msie 8.0/.test(UserAgent), // IE8
isIE9 : /msie 9.0/.test(UserAgent), // IE9
isIE10: /msie 10.0/.test(UserAgent), // IE10
isIE11: /msie 11.0/.test(UserAgent), // IE11
isLB  : /lbbrowser/.test(UserAgent), // 猎豹浏览器
     isWX  : /micromessenger/.test(UserAgent), // 微信内置浏览器
isQQ  : /qqbrowser/.test(UserAgent) // QQ浏览器
};
}());

以上代码,在chrome浏览器中有小问题。
大部分浏览器都是使用WebKit内核,所以就把chrome的navigator截取出来区分。
如果以后chrome的navigator的信息位置或chrome之后的长度发生改变就容易出现问题,但目前来看是可以的。