低版本jQuery在Firefox中运行不正确的解决

最近的项目中有个功能:从URL中抓取网页数据然后显示到项目页面中。
项目中使用的jquery版本为1.7,能够在chrome下运行并显示正确的结果。但是在firefox中运行,却无法将从URL中抓取的网页显示出来。
F12,发现网页内容抓取到了。只是没有显示出来。
在firedebug中调试、跟踪,发现相关代码的地方会报如下错误信息:

未找到元素
success… YYY.js:3315:5
XMLDocument XXX.js:3316:5 //这里是输出的ajax请求返回的数据
未找到元素

根据程序的逻辑,应该输出为空。这就很奇怪了。
并且在firedebug中发现了一些警告:

主线程中同步的 XMLHttpRequest 已不推荐使用,因其对终端用户的用户体验存在负面影响。更多帮助请见 http://xhr.spec.whatwg.org/ jquery-1.7.js:8054:6
所用的 getAttributeNode() 已不赞成使用。请使用 getAttribute() 替代。 jquery-1.7.js:2614:24
所用的 getPreventDefault() 已不赞成使用。请使用 defaultPrevented 替代。

联系这些错误信息,我想到应该是jQuery版本原因。于是去jQuery官网找了一个3.X版本放到程序里发现好像太高了,影响到了其他功能。

于是我就从版本1.12.4里搜索getAttributeNode() ,发现搜不到。然后再搜索getAttribute(),OK,搜到。于是我就将jquery换成了这个版本。再次运行,浏览器又给出了错误信息:

$.browser is undefined

直接去百度,然后找了一篇博文: 使用jquery插件报错:TypeError:$.browser is undefined的解决方法

解决方法就是:自己写一个browser.js在程序中引用。browser.js代码:

    (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);   

引用之后,程序在firefox中运行结果不正确的问题已经解决。


至于这些代码的意思,还需要再研究一番

参考文章: 使用jquery插件报错:TypeError:$.browser is undefined的解决方法

猜你喜欢

转载自blog.csdn.net/njnujuly/article/details/51691210
今日推荐