jQuery 中$.browser 替换

转载于 2016-06-23 19:19:33 发布 · 807 阅读

文章标签：

#jquery

Javascript 专栏收录该内容

44 篇文章

订阅专栏

本文详细介绍了jQuery从1.9版开始的重要变更，包括移除.browser特性和引入新的$.support特性。同时探讨了如何在新版本中支持不同版本的IE浏览器，并提供了针对IE6-8的兼容性检测方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery 从 1.9 版开始，移除了 $.browser 和$ .browser.version ，取而代之的是 $.support 。在更新的 2.0 版本中，将不再支持 IE 6/7/8。以后，如果用户需要支持 IE 6/7/8，只能使用 jQuery 1.9。如果要全面支持 IE，并混合使用 jQuery 1.9 和 2.0，官方的解决方案是：

查看代码打印


<!--[if lt IE 9]>

    <script src='jquery-1.9.0.js'></script>

<![endif]-->

<!--[if gte IE 9]>

    <script src='jquery-2.0.0.js'></script>

<![endif]-->

从长久来看，这样有利于在复杂情况下根据浏览器特性进行分别处理，而不是简单的检测浏览器类型和版本。但目前很多旧程序的移植恐怕无法直接过渡为根据浏览器支持特性，所以在网上找了一些能够直接替换的解决办法。

判断浏览器类型：

查看代码打印

$.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());

$.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());

$.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());

$.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());

等号后面的表达式返回的就是 true/false，可以直接用来替换原来的 $.browser.msie 等。如需要检查是否为 IE6时，可以这么写：

查看代码打印

// Old

if ($.browser.msie && 7 > $.browser.version) {}

// New

if ('undefined' == typeof(document.body.style.maxHeight)) {}

检查是否为 IE 6-8：

查看代码打印

if (!$.support.leadingWhitespace) {}