jQuery $ .browser是否已弃用？

77

有人可以告诉我我是否正确认为jQuery的$ .browser已被弃用？

我现有的实施方式将继续有效吗？如果没有，是否有易于实现的替代方案。

jquery  browser 
— 马克_54
source
api.jquery.com/jQuery.browser类别：已弃用。
— 埃文·穆拉斯基
13
为什么要将此标记下来？对于某些人来说，这可能是一个微不足道的问题，但是如果我不知道其他选择，那就是有道理的事情了。
— 2012年
3
或者只是添加插件：github.com/gabceb/jquery-browser-plugin
— user956584

Answers:

70

从文档中：

$ .browser属性在jQuery 1.3中已弃用，并且其功能可能会在jQuery的未来版本中移至团队支持的插件中。

因此，是的，它已被弃用，但是您现有的实现将继续起作用。如果功能被删除，则很可能可以使用插件轻松访问。

至于是否有替代方案……答案是“可能”。使用特征检测$.support而不是使用浏览器检测要好得多：检测所需的实际特征，而不是提供它的浏览器。随此检测到不同浏览器的最重要功能。

2013年2月16日更新：在jQuery 1.9中，此功能已删除（docs）。最好不要使用它。如果确实需要使用其功能，则可以使用jQuery Migrate插件将其还原。

— 寂寞的一天
source
4
问题$.support是，如何检测我是否正在使用IE 7，因此需要添加CSS调整来修复我的页面？
— 火箭Hazmat'3
5
@Rocket条件注释肯定会更好。
— 寂寞的日子2012年
1
lonesomeday-感谢您的补充评论。我们都试图建立我们的知识，有时需要帮助。
— Mark_54 2012年
6
并$.browser已从jQuery 1.9
— –diEcho
6
IE和不同的IE版本有很多怪癖。是的，IE 7支持动画，但是不，我不希望我的用户看到它！这太糟糕了。因此，在这种情况下，$。browser确实非常方便。
— Elger Mensonides
94

第二个问题

我现有的实施方式将继续有效吗？如果没有，是否有易于实现的替代方案。

答案是肯定的，但并非没有一点工作。

$ .browser是jQuery的旧版本中包含的官方插件，因此像任何插件一样，您可以简单地将其复制并合并到项目中，也可以将其添加到任何jQuery版本的末尾。

如果您希望使用它，我已为您提取了代码。

// Limit scope pollution from any deprecated API
(function() {

    var matched, browser;

// Use of jQuery.browser is frowned upon.
// More details: http://api.jquery.com/jQuery.browser
// jQuery.uaMatch maintained for back-compat
    jQuery.uaMatch = function( ua ) {
        ua = ua.toLowerCase();

        var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
            /(webkit)[ \/]([\w.]+)/.exec( ua ) ||
            /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
            /(msie) ([\w.]+)/.exec( ua ) ||
            ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
            [];

        return {
            browser: match[ 1 ] || "",
            version: match[ 2 ] || "0"
        };
    };

    matched = jQuery.uaMatch( navigator.userAgent );
    browser = {};

    if ( matched.browser ) {
        browser[ matched.browser ] = true;
        browser.version = matched.version;
    }

// Chrome is Webkit, but Webkit is also Safari.
    if ( browser.chrome ) {
        browser.webkit = true;
    } else if ( browser.webkit ) {
        browser.safari = true;
    }

    jQuery.browser = browser;

    jQuery.sub = function() {
        function jQuerySub( selector, context ) {
            return new jQuerySub.fn.init( selector, context );
        }
        jQuery.extend( true, jQuerySub, this );
        jQuerySub.superclass = this;
        jQuerySub.fn = jQuerySub.prototype = this();
        jQuerySub.fn.constructor = jQuerySub;
        jQuerySub.sub = this.sub;
        jQuerySub.fn.init = function init( selector, context ) {
            if ( context && context instanceof jQuery && !(context instanceof jQuerySub) ) {
                context = jQuerySub( context );
            }

            return jQuery.fn.init.call( this, selector, context, rootjQuerySub );
        };
        jQuerySub.fn.init.prototype = jQuerySub.fn;
        var rootjQuerySub = jQuerySub(document);
        return jQuerySub;
    };

})();

如果您要问为什么有人需要折旧的插件，我准备了以下答案。

首要的答案是兼容性。由于jQuery是基于插件的，因此一些开发人员选择使用$ .browser并使用jQuery的最新版本，而这些最新版本的jQuery不包含$ .browser，因此所有这些插件都变得无用。

jQuery确实发布了一个迁移插件，该插件是为开发人员创建的，用于检测其插件是否使用了任何已贬值的依赖项，例如$ .browser。

尽管这有助于开发人员修补其插件。jQuery完全放弃了$ .browser，因此，在开发人员修补或合并以上内容之前，以上修复可能是唯一的解决方案。

关于： jQuery.browser

— EminezArtus
source
7
这帮助我获得了第3方脚本，该脚本仍在使用$ .browser与jQuery 1.9.0一起使用。谢谢！
— twamley 2013年
2
我在这里找到了一个更正式的版本（以及其他不推荐使用的功能）：github.com/jquery/jquery-migrate
— twamley，2013年
2
Migrate插件是一个很好的工具，它允许用户查看当前不推荐使用的功能的列表（如果其中存在脚本），它确实为不推荐使用的功能提供了功能。不打算作为补丁。
— EminezArtus
1
同意 从那以后，我决定坚持使用1.8.3，以等待第三代脚本的下一代。
— twamley 2013年
1
+1，placeholder我们必须处理并要求通过IE10的属性之类的问题，所有这些$.browser……
— Izkata
6

在这里，我提出了一种基于功能可用性来检测浏览器的替代方法。

要仅检测IE，可以使用以下方法：

if(/*@cc_on!@*/false || typeof ScriptEngineMajorVersion === "function")
{
    //You are using IE>=4 (unreliable for IE11)
}
else
{
    //You are using other browser
}

要检测最受欢迎的浏览器：

if(/*@cc_on!@*/false || typeof ScriptEngineMajorVersion === "function")
{
    //You are using IE >= 4 (unreliable for IE11!!!)
}
else if(window.chrome)
{
    //You are using Chrome or Chromium
}
else if(window.opera)
{
    //You are using Opera >= 9.2
}
else if('MozBoxSizing' in document.body.style)
{
    //You are using Firefox or Firefox based >= 3.2
}
else if({}.toString.call(window.HTMLElement).indexOf('Constructor')+1)
{
    //You are using Safari >= 3.1
}
else
{
    //Unknown
}

此答案已更新，因为IE11不再支持条件编译（/*@cc_on!@*/false技巧）。
您可以检查IE11是否删除了JavaScript条件编译？有关此主题的更多信息。
我用了他们在那儿提出的建议。
另外，您也可以使用typeof document.body.style.msTransform == "string"或者document.body.style.msTransform !== window.undefined甚至'msTransform' in document.body.style。

— 伊斯梅尔·米格尔（Ismael Miguel）
source
感谢您分享这个。升级到VS2013并从Nuget包管理器下载Jquery和Juice后，我的日期选择器无法正常工作。粘贴代码，一切都可以正常工作。
— user1270384
2
别客气。我使用此代码来处理所有JavaScript代码的所有浏览器。如果其中任何一项停止工作，并且您检测到，请尽快告诉我。
— Ismael Miguel 2014年
/ * @ cc_on！@ * / false为IE边缘返回false
— Alex
@alex您使用的是哪个确切版本和版本以及在哪个OS上？如果在虚拟机上使用，请指定软件和版本吗？
— Ismael Miguel
1
@alex对不起，延迟。我已经解决了。IE浏览器确实搞砸了。但是我已经做到了。请告诉我您的想法。
— Ismael Miguel 2015年
3

更新！3/24/2015（滚动至hr以下）

lonesomeday的答案是绝对正确的，我只是认为我会添加这个花絮。不久前，我已经提出了一种在Vanilla JS中获取浏览器的方法，并最终将其弯曲以替换jQuery.browser为更高版本的jQuery。它不会干扰新的jQuery库的任何部分，但是提供了与传统jQuery.browser对象相同的功能以及其他一些小功能。

新扩展版！

对于较新的浏览器而言，要彻底得多。此外，移动测试的准确性达到90％以上！我不会说100％，因为我没有在每个移动浏览器上进行测试，但是新功能增加了$.browser.mobile布尔值/字符串。如果不是移动设备，则为false，否则将为移动设备或浏览器的String名称（最佳猜测：Android，RIM Tablet，iPod等...）。

一个可能的警告，由于它完全依赖于userAgent字符串，因此可能不适用于某些较旧的（不受支持的）浏览器。

JS缩小

/* quick & easy cut & paste */
;;(function($){if(!$.browser&&1.9<=parseFloat($.fn.jquery)){var a={browser:void 0,version:void 0,mobile:!1};navigator&&navigator.userAgent&&(a.ua=navigator.userAgent,a.webkit=/WebKit/i.test(a.ua),a.browserArray="MSIE Chrome Opera Kindle Silk BlackBerry PlayBook Android Safari Mozilla Nokia".split(" "),/Sony[^ ]*/i.test(a.ua)?a.mobile="Sony":/RIM Tablet/i.test(a.ua)?a.mobile="RIM Tablet":/BlackBerry/i.test(a.ua)?a.mobile="BlackBerry":/iPhone/i.test(a.ua)?a.mobile="iPhone":/iPad/i.test(a.ua)?a.mobile="iPad":/iPod/i.test(a.ua)?a.mobile="iPod":/Opera Mini/i.test(a.ua)?a.mobile="Opera Mini":/IEMobile/i.test(a.ua)?a.mobile="IEMobile":/BB[0-9]{1,}; Touch/i.test(a.ua)?a.mobile="BlackBerry":/Nokia/i.test(a.ua)?a.mobile="Nokia":/Android/i.test(a.ua)&&(a.mobile="Android"),/MSIE|Trident/i.test(a.ua)?(a.browser="MSIE",a.version=/MSIE/i.test(navigator.userAgent)&&0<parseFloat(a.ua.split("MSIE")[1].replace(/[^0-9\.]/g,""))?parseFloat(a.ua.split("MSIE")[1].replace(/[^0-9\.]/g,"")):"Edge",/Trident/i.test(a.ua)&&/rv:([0-9]{1,}[\.0-9]{0,})/.test(a.ua)&&(a.version=parseFloat(a.ua.match(/rv:([0-9]{1,}[\.0-9]{0,})/)[1].replace(/[^0-9\.]/g,"")))):/Chrome/.test(a.ua)?(a.browser="Chrome",a.version=parseFloat(a.ua.split("Chrome/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Opera/.test(a.ua)?(a.browser="Opera",a.version=parseFloat(a.ua.split("Version/")[1].replace(/[^0-9\.]/g,""))):/Kindle|Silk|KFTT|KFOT|KFJWA|KFJWI|KFSOWI|KFTHWA|KFTHWI|KFAPWA|KFAPWI/i.test(a.ua)?(a.mobile="Kindle",/Silk/i.test(a.ua)?(a.browser="Silk",a.version=parseFloat(a.ua.split("Silk/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Kindle/i.test(a.ua)&&/Version/i.test(a.ua)&&(a.browser="Kindle",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,"")))):/BlackBerry/.test(a.ua)?(a.browser="BlackBerry",a.version=parseFloat(a.ua.split("/")[1].replace(/[^0-9\.]/g,""))):/PlayBook/.test(a.ua)?(a.browser="PlayBook",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/BB[0-9]{1,}; Touch/.test(a.ua)?(a.browser="Blackberry",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Android/.test(a.ua)?(a.browser="Android",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Safari/.test(a.ua)?(a.browser="Safari",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Firefox/.test(a.ua)?(a.browser="Mozilla",a.version=parseFloat(a.ua.split("Firefox/")[1].replace(/[^0-9\.]/g,""))):/Nokia/.test(a.ua)&&(a.browser="Nokia",a.version=parseFloat(a.ua.split("Browser")[1].replace(/[^0-9\.]/g,""))));if(a.browser)for(var b in a.browserArray)a[a.browserArray[b].toLowerCase()]=a.browser==a.browserArray[b];$.extend(!0,$.browser={},a)}})(jQuery);
/* quick & easy cut & paste */

jsFiddle“ jQuery插件：获取浏览器（扩展Alt版）”

/**	jQuery.browser
 *	@author	J.D. McKinstry (2014)
 *	@description	Made to replicate older jQuery.browser command in jQuery versions 1.9+
 *	@see http://jsfiddle.net/SpYk3/wsqfbe4s/
 *
 *	@extends	jQuery
 *	@namespace	jQuery.browser
 *	@example	jQuery.browser.browser == 'browserNameInLowerCase'
 *	@example	jQuery.browser.version
 *	@example	jQuery.browser.mobile	@returns	BOOLEAN
 *	@example	jQuery.browser['browserNameInLowerCase']
 *	@example	jQuery.browser.chrome	@returns	BOOLEAN
 *	@example	jQuery.browser.safari	@returns	BOOLEAN
 *	@example	jQuery.browser.opera	@returns	BOOLEAN
 *	@example	jQuery.browser.msie	@returns	BOOLEAN
 *	@example	jQuery.browser.mozilla	@returns	BOOLEAN
 *	@example	jQuery.browser.webkit	@returns	BOOLEAN
 *	@example	jQuery.browser.ua	@returns	navigator.userAgent String
 */
;;(function($){if(!$.browser&&1.9<=parseFloat($.fn.jquery)){var a={browser:void 0,version:void 0,mobile:!1};navigator&&navigator.userAgent&&(a.ua=navigator.userAgent,a.webkit=/WebKit/i.test(a.ua),a.browserArray="MSIE Chrome Opera Kindle Silk BlackBerry PlayBook Android Safari Mozilla Nokia".split(" "),/Sony[^ ]*/i.test(a.ua)?a.mobile="Sony":/RIM Tablet/i.test(a.ua)?a.mobile="RIM Tablet":/BlackBerry/i.test(a.ua)?a.mobile="BlackBerry":/iPhone/i.test(a.ua)?a.mobile="iPhone":/iPad/i.test(a.ua)?a.mobile="iPad":/iPod/i.test(a.ua)?a.mobile="iPod":/Opera Mini/i.test(a.ua)?a.mobile="Opera Mini":/IEMobile/i.test(a.ua)?a.mobile="IEMobile":/BB[0-9]{1,}; Touch/i.test(a.ua)?a.mobile="BlackBerry":/Nokia/i.test(a.ua)?a.mobile="Nokia":/Android/i.test(a.ua)&&(a.mobile="Android"),/MSIE|Trident/i.test(a.ua)?(a.browser="MSIE",a.version=/MSIE/i.test(navigator.userAgent)&&0<parseFloat(a.ua.split("MSIE")[1].replace(/[^0-9\.]/g,""))?parseFloat(a.ua.split("MSIE")[1].replace(/[^0-9\.]/g,"")):"Edge",/Trident/i.test(a.ua)&&/rv:([0-9]{1,}[\.0-9]{0,})/.test(a.ua)&&(a.version=parseFloat(a.ua.match(/rv:([0-9]{1,}[\.0-9]{0,})/)[1].replace(/[^0-9\.]/g,"")))):/Chrome/.test(a.ua)?(a.browser="Chrome",a.version=parseFloat(a.ua.split("Chrome/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Opera/.test(a.ua)?(a.browser="Opera",a.version=parseFloat(a.ua.split("Version/")[1].replace(/[^0-9\.]/g,""))):/Kindle|Silk|KFTT|KFOT|KFJWA|KFJWI|KFSOWI|KFTHWA|KFTHWI|KFAPWA|KFAPWI/i.test(a.ua)?(a.mobile="Kindle",/Silk/i.test(a.ua)?(a.browser="Silk",a.version=parseFloat(a.ua.split("Silk/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Kindle/i.test(a.ua)&&/Version/i.test(a.ua)&&(a.browser="Kindle",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,"")))):/BlackBerry/.test(a.ua)?(a.browser="BlackBerry",a.version=parseFloat(a.ua.split("/")[1].replace(/[^0-9\.]/g,""))):/PlayBook/.test(a.ua)?(a.browser="PlayBook",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/BB[0-9]{1,}; Touch/.test(a.ua)?(a.browser="Blackberry",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Android/.test(a.ua)?(a.browser="Android",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Safari/.test(a.ua)?(a.browser="Safari",a.version=parseFloat(a.ua.split("Version/")[1].split("Safari")[0].replace(/[^0-9\.]/g,""))):/Firefox/.test(a.ua)?(a.browser="Mozilla",a.version=parseFloat(a.ua.split("Firefox/")[1].replace(/[^0-9\.]/g,""))):/Nokia/.test(a.ua)&&(a.browser="Nokia",a.version=parseFloat(a.ua.split("Browser")[1].replace(/[^0-9\.]/g,""))));if(a.browser)for(var b in a.browserArray)a[a.browserArray[b].toLowerCase()]=a.browser==a.browserArray[b];$.extend(!0,$.browser={},a)}})(jQuery);
/* - - - - - - - - - - - - - - - - - - - */

var b = $.browser;
console.log($.browser);    //    see console, working example of jQuery Plugin
console.log($.browser.chrome);

for (var x in b) {
    if (x != 'init')
        $('<tr />').append(
            $('<th />', { text: x }),
            $('<td />', { text: b[x] })
        ).appendTo($('table'));
}
table { border-collapse: collapse; }
th, td { border: 1px solid; padding: .25em .5em; vertical-align: top; }
th { text-align: right; }

textarea { height: 500px; width: 100%; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table></table>
展开摘要

— SpYk3HH
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.