$.browser.msie 为空或不是对象问题的多种解决方法

2024-02-27 07:43:04 43

'$.browser.msie'为空或不是对象，这个是jQuery错误
出现这个错误，是因为升级了jQuery版本，从1.9以前升级到1.9以后，因为$.browser.msie在1.9以后的jQuery中不存在了，所以报错。

jQuery1.9移除了$.browser的替代方法
$.browser是通过正则表达式来匹配userAgent来判断浏览器版本和种类的.jquery1.3.2版本的文档中已经声明jquery.browser及jquery.browser.version建议弃用，可以使用jquery.support来代替。

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

解决方法一：

解决方法二：

就是不要用$.browser.msie来判断，在网上找了一些能够直接替换的解决办法

$.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：

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

检查是否为IE6-8：

$.support.leadingWhitespace为IE中特有的属性，因此可以利用$.support.leadingWhitespace来判断浏览器是否是IE6-8

代码一

if(!$.support.leadingWhitespace){}

代码二

$(function($){
varieFlag=$.support.leadingWhitespace;//定义判断IE8的变量
if(!ieFlag){//IE8以下
//IE代码
}else{
//其他代码
}
});

解决方法三

/*后发现的判断浏览器类型通用类型*/老外写的一篇文章，在IE、Firefox、Google下亲测可用

原文地址：http://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera-browser

//Firefox1.0+
varisFirefox=typeofInstallTrigger!=='undefined';
alert("isFirefox:"+isFirefox);
//Opera8.0+
varisOpera=(!!window.opr&&!!opr.addons)||!!window.opera||navigator.userAgent.indexOf('OPR/')>=0;
alert("isOpera:"+isOpera);
//Safari<=9"[objectHTMLElementConstructor]"
varisSafari=Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor')>0;
alert("isSafari:"+isSafari);
//InternetExplorer6-11
varisIE=/*@cc_on!@*/false||!!document.documentMode;
alert("isIE:"+isIE);
//Edge20+
varisEdge=!isIE&&!!window.StyleMedia;
alert("isEdge:"+isEdge);
//Chrome1+
varisChrome=!!window.chrome&&!!window.chrome.webstore;
alert("isChrome:"+isChrome);
//Blinkenginedetection(7)
varisBlink=(isChrome||isOpera)&&!!window.CSS;
alert("isBlink:"+isBlink);

解决方法四：

最近把一个项目的jQuery升级到最新版，发现有些页面报如下错误

Cannotreadproperty'msie'ofundefined

上jQuery网站上搜了一下，原因是$.browser这个api从jQuery1.9开始就正式废除，js代码里只要用到$.browser就会报这个错。具体说明参见jQuery官方说明。

楼主顺便扩展阅读了一下，发现jQuery1.9把所有在之前版本里标记为deprecated的api都正式删除了，彻底不再向后兼容。对于升级到最新jQuery的童鞋而言，这意味着得花费一些额外的时间把代码升级使用新的api，或者自己另外实现这些被删除的方法。幸运的是，jQuery团队意识到了这个breakchange带来的种种不便，推出了一个叫jQueryMigrate插件，用于能够自动恢复那些在最新版本里被废弃的API。只要引用了这个插件，已有的js代码无须改动就能和最新的jQuery库一起正常运行。

下面是具体的解决方法，首先要下载jQueryMigrate插件，然后在引用jQueryjs的地方之后加上对jQueryMigratejs文件的引用即可。

用jQueryMigrate的解决方法虽然简单无脑，但是会导致增加一个额外的js库。对于不喜欢增加额外js库的童鞋，请注意下面代码加载位置为：jQuery文件之后，$.browser的代码之前。

jQuery.browser={};(function(){jQuery.browser.msie=false;jQuery.browser.version=0;if(navigator.userAgent.match(/MSIE([0-9]+)./)){jQuery.browser.msie=true;jQuery.browser.version=RegExp.$1;}})();

以上就是毛票票小编整理的解决方法了，大家可以根据项目需要选择比较简单的。

$.browser.msie 为空或不是对象问题的多种解决方法

热门推荐

随机推荐