5 façons de réparer la fonction de browser jQuery $.

Les plats clés

• La fonction jQuery $ .browser a été obsolète en raison de sa vulnérabilité à l'usurpation et à la fausse déclaration. Les développeurs sont encouragés à éviter le code spécifique au navigateur et utilisent plutôt la détection des fonctionnalités pour des résultats plus fiables.
• Cinq solutions possibles à la fonction jQuery $ .browser manquante incluent la migration jQuery avec le plugin jQuery Migrate, en utilisant Modernizr pour la détection des fonctionnalités, en utilisant le nouveau $ .Support pour la détection des fonctionnalités et des bogues, en utilisant la détection JavaScript / manuelle, ou en informant le utilisateur sur la fonction non prise en charge.
• Le plugin jQuery Migrate peut être utilisé comme une solution temporaire pour restaurer les fonctionnalités et les comportements obsolètes dans les versions plus récentes de JQuery. Cependant, la mise à jour de votre code pour ne plus s'appuyer sur les fonctionnalités obsolètes est recommandée pour la compatibilité à long terme.

ok alors maintenant, il a été officiellement déclaré que la fonction $ .browser a été obsolète. Que faisons-nous? Ne paniquez pas, j'ai 5 solutions possibles ci-dessous pour que vous puissiez mettre en œuvre comme discrétion. Ce message github du repo dit tout cela:

«Ne maintenait plus ce repo n'est pas actif. Veuillez utiliser le plugin jQuery Migrate si $ .browser est requis, réécrivez directement le code ou usenavigator.UserAgent. »

Alors pourquoi $ .browser a-t-il été supprimé?

La plupart des développeurs pensaient aux premières pensées lorsqu'ils ont commencé à voir des erreurs apparaissant, disait «Qu'est-ce que c'est que $. Browser a été supprimé?». Eh bien, laissez-moi expliquer un peu quelques raisons possibles à cela. Parce que $ .browser utilise Navigator.UserAgent pour déterminer la plate-forme, il est vulnérable à l'usurpation par l'utilisateur ou à une fausse déclaration par le navigateur lui-même. Il est toujours préférable d'éviter complètement le code spécifique du navigateur dans la mesure du possible. La propriété $.

Les drapeaux disponibles sont:

webkit (en tant que jQuery 1.4)
safari (déprécié)
opéra
MSIE (notez que IE8 prétend être 7 en vue de compatibilité)
mozilla

Solution 1 - Migrer jQuery

Utilisez le plugin jQuery Migrate pour mettre à niveau les versions antérieures de jQuery vers jQuery 1.9.x. Voici le code Migrate $ .Browser dans toute sa gloire:

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") /<span>(mozilla)(?:.*? rv:(<span>[w.]</span>+)|)</span>/</span>.exec( ua ) ||
                <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>

Solution 2 - Utilisez Modernizr

Utilisez Modernizr pour utiliser la détection des fonctionnalités, HTML5 / CSS3 etc… au lieu de la détection de base du navigateur. Je pense que Modernizr est génial!

Solution 3 - Utilisez jQuery.Support

Utilisez le nouveau $ .Support pour utiliser la détection des fonctionnalités et des bogues. Encore une fois, jQuery fait tout le travail acharné et effectue des tests sur le navigateur et stocke les résultats sur l'objet jQuery.Support (chaque page de page par défaut). Nous pouvons alors interroger simplement cet objet pour déterminer qu'une fonctionnalité est disponible pour utiliser ou non. Par exemple, pour vérifier le support d'opacité, faites-le simplement:

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") /<span>(mozilla)(?:.*? rv:(<span>[w.]</span>+)|)</span>/</span>.exec( ua ) ||
                <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>

Solution 4 - Utilisez JavaScript / Detection manuelle

détecter les navigateurs et versions à l'aide des extraits de code JavaScript suivants. QuirksMode a un objet de détection de navigateur JavaScript / périphérique assez étendu qui peut s'avérer utile.

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

Solution 5 - Prévention / information

Informez simplement l'utilisateur que la version de jQuery qu'il utilise ne prend pas en charge la fonction $ .browser. Ne recommanderait probablement pas cette solution car elle ne fait rien pour la convivialité, mais pourrait être utilisée pour bloquer certains plugins. Je suggère d'utiliser la version développeur du plugin migrate qui s'accumule sur un débogage informatif.

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

Source: https://raw.github.com/house9/jquery-iframe-auto-height/master/release/jquery.iframe-auto-height.plugin.1.9.1.js

Comme toujours, les commentaires, les suggestions et les améliorations bien accueillies.

Questions fréquemment posées (FAQ) sur la fonction de navigateur jQuery

Quelle est la fonction de navigateur jQuery et pourquoi est-elle obsolète?

La fonction de navigateur jQuery était une fonctionnalité de jQuery qui a fourni des informations sur le navigateur de l'utilisateur. Il a été utilisé pour détecter le navigateur et la version utilisés par l'utilisateur. Cependant, cette fonction a été obsolète dans JQuery version 1.3 et supprimée dans la version 1.9. La raison de sa dépréciation est qu'elle a encouragé le code spécifique au navigateur, qui est contraire aux principes de l'amélioration progressive et de la dégradation gracieuse. Au lieu de cela, les développeurs sont encouragés à utiliser la détection des fonctionnalités, qui est une approche plus fiable et à l'épreuve du futur.

Quel est l'impact de la dépréciation de la fonction de navigateur jQuery?

La dépréciation de la dépréciation de la dépréciation de la dépréciation de la dépréciation de la dépréciation de la dépréciation de la dépréciation de la dépréciation de la dépréciation de La fonction de navigateur jQuery signifie qu'elle n'est plus prise en charge dans les versions plus récentes de jQuery. Si vous utilisez une version de jQuery qui est 1,9 ou version ultérieure, tout code qui repose sur la fonction de navigateur jQuery ne fonctionnera pas. This could potentially break your website or application if it relies on this function.

How can I fix the jQuery browser function error?

If you encounter an error related to the jQuery browser function, the La meilleure solution consiste à mettre à jour votre code pour ne plus compter sur cette fonction. Au lieu de cela, utilisez la détection des fonctionnalités pour déterminer les capacités du navigateur de l'utilisateur. Si vous ne pouvez pas mettre à jour votre code, vous pouvez utiliser le plugin JQuery Migrate, qui restaure la fonction du navigateur jQuery.

Qu'est-ce que la détection des fonctionnalités et comment puis-je l'utiliser à la place de la fonction de navigateur jQuery?

La détection des fonctionnalités est une technique utilisée dans le développement Web pour déterminer si un navigateur prend en charge une certaine fonctionnalité. Au lieu de vérifier le navigateur et la version, vous vérifiez si une fonctionnalité spécifique est disponible. Il s'agit d'une approche plus fiable et à l'épreuve du temps. Vous pouvez utiliser la bibliothèque Modernizr pour la détection des fonctionnalités.

Qu'est-ce que le plugin jQuery Migrate et comment peut-il aider avec l'erreur de fonction du navigateur jQuery?

Le plugin jQuery Migrate est un outil qui vous aide Pour mettre à jour votre code jQuery pour travailler avec de nouvelles versions de jQuery. Il restaure les fonctionnalités et les comportements obsolètes afin que le code plus ancien fonctionne toujours avec des versions plus récentes de jQuery. Si vous ne pouvez pas mettre à jour votre code pour ne plus vous fier à la fonction de navigateur jQuery, vous pouvez utiliser le plugin jQuery Migrate comme solution temporaire.

Comment puis-je utiliser le plugin jQuery Migrate pour corriger l'erreur de fonction du navigateur jQuery?

Pour utiliser le plugin JQuery Migrate, vous devez l'inclure dans votre fichier HTML après avoir inclus JQuery. Une fois que vous avez inclus le plugin, il restaurera automatiquement la fonction du navigateur jQuery et d'autres fonctionnalités obsolètes.

Y a-t-il des alternatives à la fonction du navigateur jQuery?

Oui, il existe plusieurs alternatives aux alternatives aux alternatives aux alternatives aux alternatives aux alternatives aux alternatives aux alternatives aux alternatives aux alternatives aux alternatives à la Fonction de navigateur jQuery. L'une des alternatives les plus populaires est la détection des caractéristiques, qui est une approche plus fiable et à l'épreuve du futur. Vous pouvez utiliser la bibliothèque Modernizr pour la détection des fonctionnalités. Une autre alternative consiste à utiliser la propriété Navigator.UserAgent, bien que cela ne soit pas recommandé car il peut être facilement usurpé. Détection car il s'agit d'une approche plus fiable et à l'épreuve du temps. La détection du navigateur repose sur la chaîne de l'agent utilisateur, qui peut être facilement usurpé ou déformé. D'un autre côté, la détection des fonctionnalités vérifie si une fonctionnalité spécifique est disponible, ce qui est un moyen plus précis de déterminer les capacités du navigateur de l'utilisateur.

Comment puis-je mettre à jour mon code pour utiliser la détection des fonctionnalités au lieu de la jQuery Fonction du navigateur?

Pour mettre à jour votre code pour utiliser la détection des fonctionnalités, vous devez remplacer toutes les instances de la fonction de navigateur jQuery par des vérifications pour des fonctionnalités spécifiques. Vous pouvez utiliser la bibliothèque Modernizr pour vous aider. Par exemple, au lieu de vérifier si l'utilisateur utilise Internet Explorer, vous pouvez vérifier si le navigateur prend en charge une fonctionnalité spécifique unique à Internet Explorer.

Que dois-je faire si je rencontre d'autres fonctionnalités obsolètes dans jQuery?

Si vous rencontrez d'autres fonctionnalités obsolètes dans jQuery, la meilleure solution consiste à mettre à jour votre code pour ne plus vous fier à ces fonctionnalités. Vous pouvez utiliser le plugin jQuery Migrate comme solution temporaire, mais il est recommandé de mettre à jour votre code pour une compatibilité à long terme. Vérifiez toujours la documentation JQuery pour les dernières informations sur les fonctionnalités obsolètes et leurs alternatives.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!