jQuery.browser


html+div+css+天猫商城
html5+css3+京东手机网站
javascript+jquery+ajax
正则表达式+面向对象+js插件
2D+3D+触屏事件+Canvas+Svg
地理信息+本地存储+H5拖拽api
查看课程大纲

jQuery.browser返回: PlainObjectversion deprecated: 1.3, removed: 1.9

描述: 用来获取useragent的包含标志,读取自 navigator.userAgent。这个属性在jQuery 1.9已经被删除并且只能通过的jQuery.migrate插件使用。请尝试使用特征检测代替。 我们不推荐使用这个属性,请尝试使用功能检测来代替(见jQuery.support)。 jQuery.browser在未来的版本中可能会转移到一个jQuery插件。

  • 添加的版本: 1.0jQuery.browser

$.browser属性允许我们检测哪一个Web浏览器正在访问网页,通过浏览器本身返回。它包含四个最流行的浏览器类(在Internet Explorer,Mozilla和Webkit,和Opera)以及每个版本信息标志。

可用的标志有:

  • webkit (从jQuery 1.4开始)
  • safari (不建议使用)
  • opera
  • msie
  • mozilla

此属性是即刻有效的。因此,安全地使用它来判断是否要调用$(document).ready()。从jQuery 1.3开始,$.browser属性是不建议使用的,但目前还没有计划立即将其删除。

因为$.browser使用navigator.userAgent来确定平台,因为用户可以通过技术手段来修改该值,从而欺骗浏览器。避免该问题的最好办法就是使用$.support$.support属性比$.browser提供更有效的检测特定功能的支持。

例子:

Example: 显示浏览器信息。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
<style>
p { color:green; font-weight:bolder; margin:3px 0 0 10px; }
div { color:blue; margin-left:20px; font-size:14px; }
span { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>Browser info:</p>
<script>
jQuery.each(jQuery.browser, function(i, val) {
$("<div>" + i + " : <span>" + val + "</span>")
.appendTo( document.body );
});</script>
</body>
</html>

Demo:

Example: 如果当前使用的浏览器是 Microsoft 的 Internet Explorer,那么下面的语句会返回 true。

1
$.browser.msie;

Example: 若使用的是 WebKit 的浏览器,则弹出提示框 "this is WebKit!"。

1
2
3
if ($.browser.webkit) {
alert( "this is webkit!" );
}

Example: 如果使用的是 Firefox 3,则弹出提示框 "Do stuff for Firefox 3"。

1
2
3
4
var ua = $.browser;
if ( ua.mozilla && ua.version.slice(0,3) == "1.9" ) {
alert( "Do stuff for firefox 3" );
}

Example: 为不同的浏览器设置不同的 CSS 属性。

1
2
3
4
5
if ( $.browser.msie ) {
$("#div ul li").css( "display","inline" );
} else {
$("#div ul li").css( "display","inline-table" );
}

jQuery.browser.version返回: Stringversion deprecated: 1.3, removed: 1.9

描述: 用户的浏览器渲染引擎的版本号。

  • 添加的版本: 1.1.3jQuery.browser.version

以下是一些典型的结果:

  • Internet Explorer: 6.0, 7.0, 8.0
  • Mozilla/Firefox/Flock/Camino: 1.7.12, 1.8.1.3, 1.9
  • Opera: 10.06, 11.01
  • Safari/Webkit: 312.8, 418.9

请注意,IE8兼容性视要求成为ie 7。

例子:

Example: Returns the version number of the rendering engine used by the user's current browser. For example, FireFox 4 returns 2.0 (the version of the Gecko rendering engine it utilizes).

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
<style>
p { color:blue; margin:20px; }
span { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p></p>
<script>
$("p").html( "The version number of the rendering engine your browser uses is: <span>" +
$.browser.version + "</span>" );
</script>
</body>
</html>

Demo:

Example: Alerts the version of IE's rendering engine that is being used:

1
2
3
if ( $.browser.msie ) {
alert( $.browser.version );
}

Example: Often you only care about the "major number," the whole number, which you can get by using JavaScript's built-in parseInt() function:

1
2
3
if ( $.browser.msie ) {
alert( parseInt($.browser.version, 10) );
}