返回介绍

jQuery.browser

发布于 2017-09-11 字数5272 浏览 1207 评论 0

所属分类:内部属性 > 全局 jQuery 对象的属性 | 工具类 | 弃用 > 1.3 版本弃用的 API | 已删除的函数

Contents:

  • jQuery.browser
  • jQuery.browser.version

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: 显示浏览器信息。

<!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.2/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>

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

  $.browser.msie;

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

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

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

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

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

 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).

<!DOCTYPE html>
<html>
<head>
  <style>
  p { color:blue; margin:20px; }
  span { color:red; }
  </style>
  <script src="http://cdn.bootcss.com/jquery/1.11.2/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>

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

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:

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

您暂时不能评论!

管理员开启了需要登录才能够评论,你可以免费注册一个本站的账号。

还没有评论!

目前还没有任何评论,快来抢沙发吧!