Plus facile et la plus légère de Remplacement Pour la Détection du Navigateur jQuery 1.9?

J'ai eu plusieurs clients se plaignent hier que certains code cessé de travailler. Apparemment, il revient à des plugins en utilisant le désormais obsolète jQuery.browser qui a cessé de travailler, hier, quand jQuery 1.9 a été libéré.

J'ai (rapidement) s'est penchée sur le 1.9 variation des docs et il semble comme ils veulent me le remplacer par un assez lourd bibliothèques juste pour que un fonction.

Est-il recommandé de légèreté plug-in ou d'un extrait de code pour restaurer cette fonctionnalité?

Pour ce que de ces sites, c'est très basique; je n'ai besoin le plus fondamental de détection de IE vs FF vs tout le monde.

Suggestions?

Pour citer la cinq-année-vieux message du jQuery docs: "Nous déconseillons l'utilisation de cette propriété; s'il vous plaît essayez d'utiliser la fonctionnalité de détection de la place (voir jQuery.de soutien). jQuery.le navigateur peut être déplacé à un plugin dans une future version de jQuery." api.jquery.com/jQuery.browser VS. api.jquery.com/jQuery.support
utilisation >1.8 ,<1.9 moindre jQuery.
Merci. Je comprends qu'il a été marqué par la dépréciation. J'ai plusieurs fiches qui dépendent de l' .offsetTop à la propriété-qui retourne une valeur différente pour différents navigateurs. J'ai trouvé que la simple vérification pour IE vs Mozilla vs Chrome était une simple solution de contournement. Si offsetTop était conforme je n'aurais pas besoin du tout.

InformationsquelleAutor jchwebdev | 2013-01-16

browser-detection jquery

38

J'ai utiliser le code suivant répondu par Alexx Roche, mais je voulais détecter MSIE donc:
```
<script type="text/javascript">
   $(document).ready(function() {
      if (navigator.userAgent.match(/msie/i) ){
        alert('I am an old fashioned Internet Explorer');
      }
   });
</script>
```
espère que cela aide!
- Votre solution fonctionne bien, u sauvé mon temps 🙂
- Si vous voulez attraper plus récent IE:s trop, ajouter une case à cocher pour "trident" trop comme suit: if (navigator.userAgent.match(/msie|trident/i)) {;}
InformationsquelleAutor Fede
22

jQuery Migrate était créé pour permettre à des fins de compatibilité descendante lorsque vous mettez à jour votre code.

https://github.com/jquery/jquery-migrate

Comme un bonus, il enregistre obsolète fonctions que vous les utilisez. Je voudrais essayer pendant que vous résoudre les problèmes. Aussi, vous devez être un paramètre spécifique à la version de jQuery pour vos sites. Il est bon de mise à niveau, mais assurez-vous de tester ces mises à jour avant de les mettre en production. Si vous êtes en utilisant un CDN, vous pouvez toujours spécifier une version spécifique dans le nom de fichier.

Maintenant, vous n'avez pas besoin d'un plugin jQuery pour ce que vous demandez. Découvrez le navigateur de l'objet.
```
appCodeName: "Mozilla"
appName: "Netscape"
appVersion: "5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.17 (KHTML, like Gecko) Chrome/24.0.1312.52 Safari/537.17"
cookieEnabled: true
doNotTrack: null
geolocation: Geolocation
language: "en-US"
mimeTypes: MimeTypeArray
onLine: true
platform: "MacIntel"
plugins: PluginArray
product: "Gecko"
productSub: "20030107"
userAgent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.17 (KHTML, like Gecko) Chrome/24.0.1312.52 Safari/537.17"
vendor: "Google Inc."
vendorSub: ""
```
- Merci. Je vais probablement utiliser navigator. Certains de mes clients sont des sites que j'ai pris d'autres développeurs et c'est le genre de chose qui se glisse à travers les mailles du filet. (Mon fissures, de toute façon).
- Prochaine question stupide... j'ai juste essayé de Navigateur dans Firebug et Chrome de la Console. Et les deux montrent Netscape comme appName et Mozilla comme appCodeName. Et "Vendeur" est-ce que Mozilla sur FF, mais vide sur Chrome. Donc... est-il un simple "truc" ou est-ce un (autre) sujet assez complexe avec pas de 2-3 lignes de code de réponse?
- Vous devez essayer d'utiliser l'accepter bouton réponse sur l'occasion.
- Je regarde navigator.userAgent. Il devrait être assez facile de voir si la chaîne contient ce que vous cherchez. (Ne cherchez pas de correspondances exactes, comme évidemment les numéros de version et les plugins changement.)
- Merci, Brad. J'ai été un peu frustré plus tôt. Je pensais que tout le navigateur de guerre " indésirable a été -pour la plupart - dessus.
- var navigateur = { chrome: false, mozilla: false, opera: false, msie: false, safari: false }; var sBrowser, sUsrAg = navigator.userAgent; si(sUsrAg.indexOf("Chrome") > -1) { navigateur.chrome = true; } else if (sUsrAg.indexOf("Safari") > -1) { navigateur.safari = true; } else if (sUsrAg.indexOf("Opera") > -1) { navigateur.opéra = true; } else if (sUsrAg.indexOf("Firefox") > -1) { navigateur.mozilla = true; } else if (sUsrAg.indexOf("MSIE") > -1) { navigateur.msie = true; } console.journal(le navigateur.msie);
InformationsquelleAutor Brad

var browser = {
        chrome: false,
        mozilla: false,
        opera: false,
        msie: false,
        safari: false
    };
    var sUsrAg = navigator.userAgent;
    if(sUsrAg.indexOf("Chrome") > -1) {
        browser.chrome = true;
    } else if (sUsrAg.indexOf("Safari") > -1) {
        browser.safari = true;
    } else if (sUsrAg.indexOf("Opera") > -1) {
        browser.opera = true;
    } else if (sUsrAg.indexOf("Firefox") > -1) {
        browser.mozilla = true;
    } else if (sUsrAg.indexOf("MSIE") > -1) {
        browser.msie = true;
    }
    console.log(browser.msie);

C'est génial. Très complet et exactement ce dont j'avais besoin. Allons ajouter une version de tests à ce que bien de sorte que je peux cible IE9. Merci pour le hack génial!

InformationsquelleAutor user989952

11

Mettez ce code dans votre site (comme le fichier js, ou après le code de jQuery...):
```
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;
```
- Cette réponse serait améliorée si elle référencés le maintenue origine, et notant qu'il est MIT sous licence.
- Je suppose que c'est bon pour les points et les rep ici, mais de dire aux gens de copier/pâtes à la fonctionnalité obsolète n'a pas d'aborder les questions qui nous ont amenés à nous obsolète $.browser en premier lieu. Et oui, la copie, de pâtes alimentaires doit respecter les termes de la licence.
- J'ai ajouté un petit Correctif pour IE11 détection de @Synthy code. // hofix for IE11 detection var isIE11 = !!navigator.userAgent.match(/Trident\/7\./); if (isIE11) { browser.msie = "true"; delete browser.mozilla; }
- C'est certainement vrai, mais si vous voulez juste pour obtenir un autre plugin simple de travail et vous n'avez pas envie de comprendre ce que le plugin est en faisant que l'exige .navigateur de travailler, c'est certainement la solution la plus simple. (Y compris l'ensemble de jquery.migrer est à la fois excessif, et a également eu d'autres impair côté effets que je n'ai pas envie d'essayer de comprendre le pourquoi de ce qui se passe, que ce soit. C'était tout ce que j'avais!)
InformationsquelleAutor Synthy
10

J'ai utilisé le code suivant lorsque j'ai frappé à la même question:
```
<script type="text/javascript">
 $(document).ready(function() {
    //if (!$.browser.webkit && ! $.browser.mozilla) { //depricated
    if (!navigator.userAgent.match(/mozilla/i) && 
        ! navigator.userAgent.match(/webkit/i) ){
        alert('Let me tell you about Mozilla');
    }
 });
</script>
```
- qu'est-ce exactement est-ce censé vérifier? parce que (!navigator.userAgent.match(/mozilla/i) && !navigator.userAgent.match(/webkit/i) ) est fausse dans IE, google Chrome et Mozilla
- Oui, parce que dans cette situation, je voulais seulement la fonction jQuery dans les navigateurs qui l'ont soutenue. Tirant les pling (!) ou modification && à | | / / devrait être assez facile pour quiconque jusqu'à leurs coudes en jQuery?
- pas de problème, j'étais juste surpris de voir que la réponse n'a pas répondu à la question de l'OP
InformationsquelleAutor Alexx Roche
6

Vous pourriez tout simplement pas de mise à jour jusqu'à ce que vous vous éloignez de amorties méthodes.

Vous ne devriez vraiment pas être compris jquery à partir d'un CDN, sans spécification d'un numéro de version de toute façon, d'une manière défaites le but de l'utilisation d'un CDN (pas de cacher).

Voici un lien vers la dernière version de jQuery qui ont soutenu $.navigateur:

http://code.jquery.com/jquery-1.8.3.min.js

il suffit de remplacer votre jquery.js src avec ce lien et votre code continuera à s'exécuter jusqu'à ce que vous êtes prêt à aller de l'avant et arrêter d'utiliser amortis fonctionnalités.

Remarque: Fancybox2 utilise encore $.le navigateur, qui est la plus commune que j'ai vu jusqu'à présent depuis la mise à jour.

Mise à jour: Slickgrid est toujours à l'aide de $.browser, pas de mise à jour du 02/11/2013
- le -latest versions génériques et de versions ne seront plus mis à jour, vous ne devriez pas utiliser plus.
InformationsquelleAutor Kevin B
6

Je abstraites de la logique de jQuery.navigateur dans un plugin jquery.navigateur. Le plugin est publié sous la licence MIT.

J'ai également ajouté le support pour IE11, Webkit, Opera et Android de détection.
- Je vous remercie. J'avais juste bricolé mon propre plugin à partir de pré-1.9 jQuery code source, puis j'ai trouvé la vôtre, qui a d'extensions utiles, tout en agissant comme un idéal, la baisse-dans le remplacement pour la fonctionnalité d'origine.
InformationsquelleAutor Gabriel Cebrian
2

Essayer Conditionizr

Espère que cela Aide 🙂

InformationsquelleAutor Ijas Ameenudeen

Exact de la version d'IE peut être détectée par une vérification supplémentaire de l'existence de standard mondial les objets ajoutés dans certaines versions IE.

10 or older document.all
9 or older  document.all && !window.atob
8 or older  document.all && !document.addEventListener
7 or older  document.all && !document.querySelector
6 or older  document.all && !window.XMLHttpRequest
5.x document.all && !document.compatMode

if (document.all && !document.querySelector) {
    alert('IE7 or lower');
}

Ces tests éviter d'utiliser le userAgent qui est utilisé pour usurpation

InformationsquelleAutor Vincent Gloaguen

if(!$.browser){
    $.browser={chrome:false,mozilla:false,opera:false,msie:false,safari:false};
    var ua=navigator.userAgent;
        $.each($.browser,function(c,a){
        $.browser[c]=((new RegExp(c,'i').test(ua)))?true:false;
            if($.browser.mozilla && c =='mozilla'){$.browser.mozilla=((new RegExp('firefox','i').test(ua)))?true:false;};
            if($.browser.chrome && c =='safari'){$.browser.safari=false;};
        });
};

http://jsfiddle.net/R3AAX/3/

Pour être complet, plugins jQuery doit se référer à 'jQuery' plutôt que de '$', puisque d'autres bibliothèques peut remplacer le $ raccourci.

InformationsquelleAutor etb

1

Si tout ce que vous voulez, c'est votre 3ème partie plugins jQuery pour être en mesure d'utiliser jQuery.le navigateur.msie, voici un one-liner. Simplement l'inclure après jQuery.
```
jQuery.browser = jQuery.browser || {msie: navigator.userAgent.match(/msie/i) ? true : false};
```
C'est la chose la plus stupide possible de réparer, mais c'est tout ce dont j'avais besoin, et ça fonctionne, donc ici vous allez!

InformationsquelleAutor Beejamin

Ajouter à cette discussion. Je suis juste venu avec jquery $.plugin de navigateur qui, au lieu de "détection", tout simplement traite de l'agent de l'utilisateur dans un facile à utiliser l'objet. Plus loin la logique peut facilement être appliquée à plus de décomposer et d'analyser certains navigateurs et plates-formes.

J'ai eu des résultats très fiables sur useragents trouvé ici: UserAgentString.com. J'ai même inclus la détection de la version pour ie11 (près du fond).

//The following code is by no means perfect, nor is it meant to be a standalone 'detection' plugin. 
//It demonstrates parsing the useragent string into an easy to manage object. 
//Even if it does make detection rediculously easy.. :)
//Because this regex makes no assumptions in advance.
//IMO, It's compatibilty and maintainability is much higher than those based on static identifiers.
/*
uaMatch replacement that parses a useragent string into an object
useragent segments can be Name Value OR Name/Value OR Name
Segment: Name Value
Name: parsed to the last whitespace character
Value: value after the last whitespace character
Matches: (.NET CLR) (#.##), Android 2.3.4, etc
Note: this regex can have leading/trailing whitespace (trimmed for object properties)
Segment: Name/Value
Matches: all values matching Name/Value
Example: Firefox/24.0, Safari/533.1, Version/12.1, etc
Segment: Name
Matches: identifiers that hold no values (value of 'true' is implied)
Example: Macintosh, Linux, Windows, KHTML, U, etc
WARNING: not necessarily compatible with jQuery's $.browser implementation.
- not recommended as a replacement for plugins that require it to function.
*/
(function ($) {
var ua = navigator.userAgent.toLowerCase();
var regex = /compatible; ([\w.+]+)[ \/]([\w.+]*)|([\w .+]+)[: \/]([\w.+]+)|([\w.+]+)/g;
var match = regex.exec(ua);
var browser = { };
while (match != null) {
var prop = {};
if (match[1]) {
prop.type = match[1];
prop.version = match[2];
}
else if (match[3]) {
prop.type = match[3];
prop.version = match[4];
}
else {
prop.type = match[5];
}
//some expressions have leading whitespace (i couldn't avoid this without a more complex expression)
//trim them and get rid of '.' (' .NET CLR' = 'net_clr') 
prop.type = $.trim(prop.type).replace(".","").replace(" ","_"); 
var value = prop.version ? prop.version : true;
if (browser[prop.type]) {
if (!$.isArray(browser[prop.type]))
browser[prop.type] = new Array(browser[prop.type]);
browser[prop.type].push(value);
}    
else browser[prop.type] = value;
match = regex.exec(ua);
}
for (var i in browser)
if (i.indexOf("mac") > -1)
browser.mac = true;
if (browser.windows_nt && !browser.windows)
browser.windows = true;
//put known browsers into the 'version' property for 'some' jquery compatibility
//for sake of argument chromium 'is' chrome
if (browser.chromium && !browser.chrome)
browser.chrome = browser.chromium;
//chrome /safari /webkit
if (browser.chrome) {
browser.version = browser.chrome;
}
else if (browser.safari) {
browser.version = browser.safari;
}
else {
if (browser.applewebkit)
browser.webkit = browser.applewebkit;
if (browser.webkit)
browser.version = browser.webkit;
}
//firefox /gecko
if (browser.firefox) {
if (browser.rv)
browser.version = browser.rv;
else browser.version = browser.firefox;
}
else if (browser.gecko) {
if (browser.rv)
browser.version = browser.rv;
else browser.version = browser.gecko;
}
//opera
if (browser.opera && !browser.version)
browser.version = browser.opera;
//msie
if (browser.trident && browser.rv) //ie11
browser.msie = browser.rv;
if (browser.msie)
browser.version = browser.msie;
$.browser = browser;//Rename to reduce confliction?
//WAS USED FOR TESTING & DISCOVERY (very useful)
//TODO: remove line below
alert(JSON.stringify($.browser));
}) (jQuery);

Sur Internet Explorer 10, JSON.stringify sera de sortie à quelque chose comme ceci:

{"mozilla":"5.0","msie":"10.0","windows_nt":"6.2","trident":"6.0","net4.0e":true,"net4.0c":true,"net_clr":["3.5.30729","2.0.50727","3.0.30729"],"windows":true,"version":"10.0"}

InformationsquelleAutor SilverX

1

Court et Puissant.
```
//chrome, safari, webkit, mozilla, msie, opera
var chrome = /chrome/i.test(navigator.userAgent); 
```
- Pouvez-vous expliquer la syntaxe? Je n'ai pas rencontré de cette structure? TIA, /chrome/
- sûr: var chrome [bool] /chrome/ [chaîne de qui nous sommes à la recherche en UC] je [casse] test [méthode] (navigator.userAgent) [renvoie la chaîne de l'agent utilisateur du navigateur actuel] Ainsi, vous pouvez vérifier est-ce safari,mozilla, etc..
InformationsquelleAutor Victor M

Vous devez vous connecter pour publier un commentaire.