jQuery.browser

Contents:

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://cdn.bootcss.com/jquery/1.11.0/jquery.min.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://cdn.bootcss.com/jquery/1.11.0/jquery.min.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) );
}