修复jQuery $的5种方法未找到浏览器功能-js教程-PHP中文网

钥匙要点

> jQuery浏览器函数的弃用有什么影响？ jQuery浏览器函数意味着它不再在较新版本的jQuery中支持。如果您使用的是1.9或更高版本的jQuery版本，则任何依赖jQuery浏览器函数的代码都无法正常工作。如果您依赖此功能，这可能会破坏您的网站或应用程序。

什么是功能检测，我该如何使用它代替jQuery浏览器函数？

如何使用jQuery迁移插件来修复jQuery浏览器函数错误？

是否有jQuery浏览器函数的替代方法？ jQuery浏览器功能。最受欢迎的替代方案之一是功能检测，这是一种更可靠，更适合未来的方法。您可以使用ModernIzr库进行功能检测。另一种选择是使用navigator.useragent属性，尽管不建议这样做，因为它可以很容易被欺骗。

>如果我在jQuery中遇到其他不弃用的功能，该怎么办？

首页

web前端

js教程

修复jQuery $的5种方法未找到浏览器功能

Lisa Kudrow

Feb 24, 2025 am 09:10 AM

5 Ways to Fix jQuery $.browser function missing not found

修复jQuery $的5种方法未找到浏览器功能

钥匙要点

jQuery $。浏览器功能由于其易受欺骗和虚假陈述而被贬低。鼓励开发人员避免特定于浏览器的代码，而是使用功能检测来获得更可靠的结果。
>

“不再维护此存储库不活跃。如果需要$。浏览器，请使用jQuery迁移插件，请直接重写代码或usenavigator.useragent。

为什么要删除$。浏览器？

>大多数开发人员开始看到错误出现时，他们在想“到底是什么，为什么$浏览器被删除了？”。好吧，让我解释一些可能的原因。因为$ ..兄弟使用navigator.useragent来确定平台，所以它很容易被用户欺骗或浏览器本身虚假陈述。总是最好避免在可能的情况下完全避免使用特定于浏览器的代码。 $ .support属性可用于检测特定功能的支持，而不是依赖$ .browser。

可用标志为：

> webkit（作为jQuery 1.4）

> safari（已弃用）

> Opera
> msie（请注意，IE8在兼容性视图中声称为7）
> mozilla

>解决方案2 - 使用Modernizr

使用ModernIzr利用特征检测，HTML5/CSS3等…而不是基本的浏览器检测。我认为Modernizr很棒！

jQuery<span>.uaMatch = function( ua ) {
</span>        ua <span>= ua.toLowerCase();
</span>
        <span>var match = <span>/<span>(chrome)<span>[ /]</span>(<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                <span><span>/<span>(webkit)<span>[ /]</span>(<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                <span><span>/<span>(opera)(?:.*version|)<span>[ /]</span>(<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                <span><span>/<span>(msie) (<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                ua<span>.indexOf("compatible") < 0 && <span>/<span>(mozilla)(?:.*? rv:(<span>[w.]</span>+)|)</span>/</span>.exec( ua ) ||
</span>                <span>[];
</span>
        <span>return {
</span>                <span>browser: match[ 1 ] || "",
</span>                <span>version: match[ 2 ] || "0"
</span>        <span>};
</span><span>};
</span>
<span>// Don't clobber any existing jQuery.browser in case it's different
</span><span>if ( !jQuery.browser ) {
</span>        matched <span>= jQuery.uaMatch( navigator.userAgent );
</span>        browser <span>= {};
</span>
        <span>if ( matched.browser ) {
</span>                browser<span>[ matched.browser ] = true;
</span>                browser<span>.version = matched.version;
</span>        <span>}
</span>
        <span>// Chrome is Webkit, but Webkit is also Safari.
</span>        <span>if ( browser.chrome ) {
</span>                browser<span>.webkit = true;
</span>        <span>} else if ( browser.webkit ) {
</span>                browser<span>.safari = true;
</span>        <span>}
</span>
        jQuery<span>.browser = browser;
</span><span>}
</span>
<span>// Warn if the code tries to get jQuery.browser
</span><span>migrateWarnProp( jQuery, "browser", jQuery.browser, "jQuery.browser is deprecated" );
</span>

登录后复制

>解决方案3 - 使用jquery.support

>使用新的$ .support利用功能和错误检测。 jQuery再次完成了所有艰苦的工作，并在浏览器上执行测试，并在jQuery.Support对象上存储结果（默认情况下，每个页面加载）。然后，我们可以简单查询此对象以确定是否可以使用功能。例如，要检查不透明度支持，只需做到这一点：

jQuery<span>.uaMatch = function( ua ) {
</span>        ua <span>= ua.toLowerCase();
</span>
        <span>var match = <span>/<span>(chrome)<span>[ /]</span>(<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                <span><span>/<span>(webkit)<span>[ /]</span>(<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                <span><span>/<span>(opera)(?:.*version|)<span>[ /]</span>(<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                <span><span>/<span>(msie) (<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                ua<span>.indexOf("compatible") < 0 && <span>/<span>(mozilla)(?:.*? rv:(<span>[w.]</span>+)|)</span>/</span>.exec( ua ) ||
</span>                <span>[];
</span>
        <span>return {
</span>                <span>browser: match[ 1 ] || "",
</span>                <span>version: match[ 2 ] || "0"
</span>        <span>};
</span><span>};
</span>
<span>// Don't clobber any existing jQuery.browser in case it's different
</span><span>if ( !jQuery.browser ) {
</span>        matched <span>= jQuery.uaMatch( navigator.userAgent );
</span>        browser <span>= {};
</span>
        <span>if ( matched.browser ) {
</span>                browser<span>[ matched.browser ] = true;
</span>                browser<span>.version = matched.version;
</span>        <span>}
</span>
        <span>// Chrome is Webkit, but Webkit is also Safari.
</span>        <span>if ( browser.chrome ) {
</span>                browser<span>.webkit = true;
</span>        <span>} else if ( browser.webkit ) {
</span>                browser<span>.safari = true;
</span>        <span>}
</span>
        jQuery<span>.browser = browser;
</span><span>}
</span>
<span>// Warn if the code tries to get jQuery.browser
</span><span>migrateWarnProp( jQuery, "browser", jQuery.browser, "jQuery.browser is deprecated" );
</span>

登录后复制

>解决方案4 - 使用JavaScript/手动检测

使用以下JavaScript代码段来检测浏览器和版本。 QuirksMode具有相当广泛的JavaScript浏览器/设备检测对象，可能被证明有用。

<span>if (jQuery.support.opacity)
</span><span>{
</span>   <span>//opacity you may do...
</span><span>}
</span>

登录后复制

解决方案5 - 预防/信息

只需通知用户，他们使用的jQuery版本不支持$ .BROWSER函数。可能不会推荐此解决方案，因为它无助于可用性，但可以用来阻止某些插件。我建议使用迁移插件的开发人员版本，该插件打开内容丰富的调试。

>来源：https：//raw.github.com/house9/jquery-iframe-auto-height/master/master/release/jquere.iframe-auto-height.plugin.1.9.1.9.1.js 一如既往的评论，建议和改进。

   <span>/*
</span><span>        Internet Explorer sniffer code to add class to body tag for IE version.
</span><span>        Can be removed if your using something like Modernizr.
</span><span>    */
</span>    <span>var ie = (function ()
</span>    <span>{
</span>
        <span>var undef,
</span>        v <span>= 3,
</span>            div <span>= document.createElement('div'),
</span>            all <span>= div.getElementsByTagName('i');
</span>
        <span>while (
</span>        div<span>.innerHTML = '',
</span>        all<span>[0]);
</span>
        <span>//append class to body for use with browser support
</span>        <span>if (v > 4)
</span>        <span>{
</span>            <span>$('body').addClass('ie' + v);
</span>        <span>}
</span>
    <span>}());
</span>

登录后复制

经常询问有关jQuery浏览器函数的问题（常见问题解答）

> jQuery浏览器函数是什么，为什么不弃用？

> jQuery浏览器函数是jQuery中的功能，它提供了有关用户浏览器的信息。它用于检测用户使用的浏览器和版本。但是，此功能在JQuery版本1.3中被弃用，并在版本1.9中删除。其贬值的原因是它鼓励浏览器特定的代码，这是违反了渐进式增强和优雅退化的原则。取而代之的是，鼓励开发人员使用功能检测，这是一种更可靠，更耐心的方法。