Distinga Chrome de Safari utilizando jQuery.browser

38

Desde Sarfraz no ha corregido su respuesta (gracias Sarfraz para mí apuntando en la dirección correcta), voy a publicar funcionamiento código aquí .

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

// Is this a version of Chrome? 
if($.browser.chrome){ 
    userAgent = userAgent.substring(userAgent.indexOf('chrome/') +7); 
    userAgent = userAgent.substring(0,userAgent.indexOf('.')); 
    $.browser.version = userAgent; 
    // If it is chrome then jQuery thinks it's safari so we have to tell it it isn't 
    $.browser.safari = false; 
} 

// Is this a version of Safari? 
if($.browser.safari){ 
    userAgent = userAgent.substring(userAgent.indexOf('version/') +8); 
    userAgent = userAgent.substring(0,userAgent.indexOf('.')); 
    $.browser.version = userAgent; 
}

Fuente

2010-07-29 16:20:24 kingjeffrey

+3

Para safari, $ .browser.version termina dándote la versión de webkit, no la versión de safari. Pruebe userAgent.indexOf ('Version /') + 8 en su lugar. – David

+0

Además, puede subsergir hasta un carácter de espacio en lugar de punto en las líneas que dicen 'userAgent = userAgent.substring (0, userAgent.indexOf ('.'));' Para obtener números de versión completos en lugar de solo los primeros parte del número de versión (el número principal). – mkmurray

+3

@David, necesitarías hacer 'v' en minúscula en tu cadena' 'Version /' ', como antes en el código la cadena del agente de usuario estaba en minúscula. – mkmurray

2

Puede hacer como:

// Is this a version of Chrome? 
if($.browser.chrome){ 
    userAgent = userAgent.substring(userAgent.indexOf('chrome/') +7); 
    userAgent = userAgent.substring(0,userAgent.indexOf('.')); 
    version = userAgent; 
    // If it is chrome then jQuery thinks it's safari so we have to tell it it isn't 
    $.browser.safari = false; 
} 

// Is this a version of Safari? 

if($.browser.safari){ 
    userAgent = userAgent.substring(userAgent.indexOf('safari/') +7); 
    userAgent = userAgent.substring(0,userAgent.indexOf('.')); 
    version = userAgent; 
}

http://api.jquery.com/jQuery.browser/

Fuente

2010-07-21 21:07:54 Sarfraz

+0

uhm - $ .browser.chrome no está definido. y $ .browser.safari es verdadero para chrome y safari –

+0

@sAc, usted estuvo cerca, esto debería aparecer antes del código que proporcionó: 'var userAgent = navigator.userAgent.toLowerCase(); $ .browser.chrome = /chrome/.test (navigator.userAgent.toLowerCase()); var version = 0; ' – kingjeffrey

+0

@sAc, también, la variable' version' no es necesaria, y debería reemplazarse por '$ .browser.version'. – kingjeffrey

2

/Chrome/.test(navigator.userAgent)

Fuente

2010-07-21 21:14:31

36

Sin jQuery

isChrome = function() { 
    return /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor); 
} 
isSafari = function() { 
    return /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor); 
}

Con jQuery

(siguiente no funcionará con jQuery 1,9 y por encima de como jQuery.browser ha sido retirado de jQuery. Ver http://api.jquery.com/jQuery.browser/)

$.browser.chrome = $.browser.webkit && !!window.chrome; 
$.browser.safari = $.browser.webkit && !window.chrome;

Fuente

2011-08-08 07:13:40

+1

primera solución es muy elegante. – NullVoxPopuli

+0

¡¡Por qué !! para Chrome, ¿qué significa eso? – Carlos

+0

'$ .browser.webkit &&! Window.chrome' resultados verdaderos en Firefox ... –

0

window.chrome?$.browser.chrome=!0:($.browser.webkit&&($.browser.safari=!0),$.browser.chrome=!1);

Este parche añade $ .browser.chrome y también excluye la detección Goolge Chrome $ .browser.safari

Fuente

2012-03-26 07:39:50

2

también para los usuarios no JQuery:

navigator.userAgent.indexOf('WebKit') + 1 ? 
     ((navigator.vendor || '').indexOf('Apple') + 1 ? /* Safari */ : /* Chrome */) 
    : /* not Webkit */

http://jsfiddle.net/HtWag/13/

Fuente

2012-04-24 11:40:23

+0

Esto hizo el truco para mí. Es un truco para leer si no estás acostumbrado a este tipo de enunciado condicional, pero lo dijiste bastante bien. Gracias una tonelada. –

0

Puede intentar usar este enfoque también, funciona para mi.

isSafari: function() 
    { 
      var isSafari = (navigator.userAgent.indexOf('Safari') != -1 
         && navigator.userAgent.indexOf('Chrome') == -1) 

      console.log('IsSafari : ' + isSafari); 

      return isSafari; 
    },

Fuente

2015-02-12 07:13:05 Sivalingaamorthy

Distinga Chrome de Safari utilizando jQuery.browser

Respuesta

Cuestiones relacionadas