jQuery中浏览器版本判断的一个BUG,此BUG已影响到jqModal,thickbox等多个jQuery插件的应用
今天发现网页中的一个脚本错误,经检查发现是使用jQuery.browser.version判断浏览器版本时将IE8.0返回成IE6.0了,网上搜索有同样的问题,但大部份人反映的结果都是正常的,再一测试原来问题了,因为我的测试环境是WIN2008(Windows NT6.0),WIN2003或WINXP返回的结果都是正常的(Windows NT 5.2),查jQuery的源码时发现他是使用正则判断的version: (userAgent.match( /.+(?:rv|it|ra|ie)[//: ]([/d.]+)/ ) || [0,'0'])[1] ,应该是他把navigator.userAgent中的Windows NT 6.0 解析成IE6.0的版本号了。
问题找到了,那么就要找解决方法了。最直接的解决方法是修改jQuery的版本解析正则。由于考虑到如果升级jQuery时每次都要修改很麻烦,再一个jQuery最新版1.3.2的文档中已经声明jQuery.browser及jQuery.browser.version建议弃用,可以使用jQuery.support来代替,这也就是说后续版本中可能会放弃jQuery.browser了。
我的页面中使用jQuery.browser.version的目的是检测IE6,那么另一解决方案就是使用jQuery.support来代替了,查jQuery.support的属性说明中有boxModel可以检测出IE6,boxModel的具体说明如下:
boxModel: 如果这个页面和浏览器是以W3C CSS盒式模型来渲染的,则等于true。通常在IE 6和IE 7的怪癖模式中这个值是false。在document准备就绪前,这个值是null。
但经我测试IE6/IE7/IE8中返回的都是true,这个就是文档中的说明错误了(测试环境:WIN2003+IE6、WIN2003+IE7、WIN2008+IE8,全部为不同的机器)。那现在只好测试其它的属性了,但我把jQuery.support中其它的属性全部测试后都发现没有一个能直接检测出IE6的。Google了一下都是说用jQuery.browser.version来检测。这个在Windows6.0中是行不能的。难道没有其它解决办法了吗?仔细一想刚才在测试jQuery.support的属性时发现jQuery.support.style在IE6/IE7中返回false,只有IE8中返回true,这样我就可以间接地来检测IE6了,具体方法是:
$.browser.msie&&($.browser.version == "6.0")&&!$.support.style
因为jquery.browser.version能正常检测IE6和IE7,再结合!$.support.style就是IE6了。
最后这个问题也算是解决了,但还不是很完美,毕竟jquery.browser可能会被弃用,不过我想既然这是BUG,jQuery最终还是会解决的。希望园子里的朋友能提出更好的解决方案
第 50 行
01.
#TB_window {
02.
position
:
fixed
;
03.
background
: #ffffff;
04.
z-index
:
102
;
05.
color
:
#000000
;
06.
display
:
none
;
07.
border
:
4px
solid
#525252
;
08.
text-align
:
left
;
09.
top
:
50%
;
10.
left
:
50%
;
11.
}
修改为
01.
#TB_window {
/* my IE7 Hack*/
02.
position
:
fixed
;
03.
background
:
#ffffff
;
04.
z-index
:
102
;
05.
color
:
#000000
;
06.
display
:
none
;
07.
border
:
4px
solid
#525252
;
08.
text-align
:
left
;
09.
bottom
:
10%
;
10.
left
:
50%
;
11.
}
This should fix the thickbox positioning issue in both IE 7 and IE 8.
原贴:http://www.honk.com.au/index.php/2009/09/03/jquery-thickbox-appearing-too-low-in-internet-explorer-78-ie-78/
第三种方法:
<
script type=
"text/javascript"
src=
"jquery.js"
></
script>
<
script type=
"text/javascript"
>
<!--
$
(
function
(
)
{
var
userAgent =
window
.navigator
.userAgent
.toLowerCase
(
)
;
$
.browser
.msie8
=
$
.browser
.msie
&&
/msie 8/.0/i
.test
(
userAgent)
;
$
.browser
.msie7
=
$
.browser
.msie
&&
/msie 7/.0/i
.test
(
userAgent)
;
$
.browser
.msie6
=
!
$
.browser
.msie8
&&
!
$
.browser
.msie7
&&
$
.browser
.msie
&&
/msie 6/.0/i
.test
(
userAgent)
;
$
(
".info"
)
.html
(
"<h3>userAgent:</h3>"
+
userAgent +
"<br />"
+
"<h3>Is IE 8?</h3>"
+
$
.browser
.msie8
+
"<h3>Is IE 7?</h3>"
+
$
.browser
.msie7
+
"<h3>Is IE 6?</h3>"
+
$
.browser
.msie6
)
;
}
)
;
//-->
</
script>
<
body>
<
div class
=
"info"
></
div>
</
body>
原贴:http://abgne.tw/jquery/jquery-tips/jquery-browser-version-issues.html