解决jquery1.9不支持browser对象的问题 (原创与转载综合整理)

最近在做移动项目的时候，遇到 $.browser.msie    $.browser.version版本的问题；

开始以为是跟其他js控件有冲突、与jq版本有冲突、于是两种办法都试过了解决不了问题、换了跟多方法都不行；

在进行以上问题排除的时候遇到如下问题：

1.谷歌浏览器不兼容而火狐浏览器可以（jq在1.8 情况下）；

2.换成jq 1.11.0 版本和不同jq版本（高、低版本）都试过，与其他控件、和加载的不能完美适应;

项目截图：

最终找到答案，jq里$.browser有冲突；

百度了一下相关网友的经历：

@beihua： jquery1.6.1是支持的，但是jquery1.11.2下报：无法获取未定义或null引用的属性"msie"

@u011376884：  jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.support 。

网友解决办法：Jquery 1.9.0 以上版本 扩展使用 $.browser 方法

于是百度了一下网友的分享得以解决：

解决办法一（网友分享/脚步之家/网络）：

最近因项目需要，要用jquery的cycle插件，但是项目里面一直用的都是jquery1.9，不支持browser对象，百度一下，找到了解决方案。 
在cycle插件的源码里面直接加上下面这段代码就可以了： 

。代码如下:

(function(jQuery){ 

if(jQuery.browser) return; 

jQuery.browser = {}; 
jQuery.browser.mozilla = false; 
jQuery.browser.webkit = false; 
jQuery.browser.opera = false; 
jQuery.browser.msie = false; 

var nAgt = navigator.userAgent; 
jQuery.browser.name = navigator.appName; 
jQuery.browser.fullVersion = ''+parseFloat(navigator.appVersion); 
jQuery.browser.majorVersion = parseInt(navigator.appVersion,10); 
var nameOffset,verOffset,ix; 

// In Opera, the true version is after "Opera" or after "Version" 
if ((verOffset=nAgt.indexOf("Opera"))!=-1) { 
jQuery.browser.opera = true; 
jQuery.browser.name = "Opera"; 
jQuery.browser.fullVersion = nAgt.substring(verOffset+6); 
if ((verOffset=nAgt.indexOf("Version"))!=-1) 
jQuery.browser.fullVersion = nAgt.substring(verOffset+8); 
} 
// In MSIE, the true version is after "MSIE" in userAgent 
else if ((verOffset=nAgt.indexOf("MSIE"))!=-1) { 
jQuery.browser.msie = true; 
jQuery.browser.name = "Microsoft Internet Explorer"; 
jQuery.browser.fullVersion = nAgt.substring(verOffset+5); 
} 
// In Chrome, the true version is after "Chrome" 
else if ((verOffset=nAgt.indexOf("Chrome"))!=-1) { 
jQuery.browser.webkit = true; 
jQuery.browser.name = "Chrome"; 
jQuery.browser.fullVersion = nAgt.substring(verOffset+7); 
} 
// In Safari, the true version is after "Safari" or after "Version" 
else if ((verOffset=nAgt.indexOf("Safari"))!=-1) { 
jQuery.browser.webkit = true; 
jQuery.browser.name = "Safari"; 
jQuery.browser.fullVersion = nAgt.substring(verOffset+7); 
if ((verOffset=nAgt.indexOf("Version"))!=-1) 
jQuery.browser.fullVersion = nAgt.substring(verOffset+8); 
} 
// In Firefox, the true version is after "Firefox" 
else if ((verOffset=nAgt.indexOf("Firefox"))!=-1) { 
jQuery.browser.mozilla = true; 
jQuery.browser.name = "Firefox"; 
jQuery.browser.fullVersion = nAgt.substring(verOffset+8); 
} 
// In most other browsers, "name/version" is at the end of userAgent 
else if ( (nameOffset=nAgt.lastIndexOf(' ')+1) < 
(verOffset=nAgt.lastIndexOf('/')) ) 
{ 
jQuery.browser.name = nAgt.substring(nameOffset,verOffset); 
jQuery.browser.fullVersion = nAgt.substring(verOffset+1); 
if (jQuery.browser.name.toLowerCase()==jQuery.browser.name.toUpperCase()) { 
jQuery.browser.name = navigator.appName; 
} 
} 
// trim the fullVersion string at semicolon/space if present 
if ((ix=jQuery.browser.fullVersion.indexOf(";"))!=-1) 
jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0,ix); 
if ((ix=jQuery.browser.fullVersion.indexOf(" "))!=-1) 
jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0,ix); 

jQuery.browser.majorVersion = parseInt(''+jQuery.browser.fullVersion,10); 
if (isNaN(jQuery.browser.majorVersion)) { 
jQuery.browser.fullVersion = ''+parseFloat(navigator.appVersion); 
jQuery.browser.majorVersion = parseInt(navigator.appVersion,10); 
} 
jQuery.browser.version = jQuery.browser.majorVersion; 
})(jQuery); 

这段代码是专门解决browser对象不被支持的问题的。

注：本人就是通过方法一解决的问题（虽然问题解决，但是感觉代码有的多，后期再找个迷你版的；欢迎网友评论、如果你有更好的袖珍办法，可以在下面评论里写下，共同学习，共同进步。谢过！）；

解决办法二(Fwolf's Blog的分享)：

jQuery 1.9 移除了 $.browser 的替代方法

jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.support 。 在更新的 2.0 版本中，将不再支持 IE 6/7/8。 以后，如果用户需要支持 IE 6/7/8，只能使用 jQuery 1.9。 如果要全面支持 IE，并混合使用 jQuery 1.9 和 2.0， 官方的解决方案是：

<!--[if lt IE 9]>    <script src='jquery-1.9.0.js'></script><![endif]--><!--[if gte IE 9]>    <script src='jquery-2.0.0.js'></script><![endif]-->

从长久来看，这样有利于在复杂情况下根据浏览器特性进行分别处理， 而不是简单的检测浏览器类型和版本。 但目前很多旧程序的移植恐怕无法直接过渡为根据浏览器支持特性， 所以在网上找了一些能够直接替换的解决办法。

判断浏览器类型：

$.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());$.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());$.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());$.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());

等号后面的表达式返回的就是 true/false， 可以直接用来替换原来的$.browser.msie 等。

检查是否为 IE6：

// Oldif ($.browser.msie && 7 > $.browser.version) {}// Newif ('undefined' == typeof(document.body.style.maxHeight)) {}

检查是否为 IE 6-8：

if (!$.support.leadingWhitespace) {}

终极方法是用另外的类库替代，比如 这个 ， 但作者也不推荐使用浏览器类型和版本来进行判断。

END：以上本人是通过第一种办法解决我的实际问题的，第二种没有亲测过。（由于时间原因其他的解决办法没有去查阅，期待网友们的分享！）但是对比第一种办法，代码的长度有些多。这是优化最忌讳的。如果大家有更好的解决办法可以在下面评论或者分享。共同学习，共同进步。