Detectar teléfono Android a través de Javascript/jQuery

Question

¿Cómo puedo detectar que el dispositivo en uso es un Android para un sitio web móvil?

Necesito aplicar ciertos atributos CSS a la plataforma Android.

Gracias

Answer 1

Tome un vistazo a eso: http://davidwalsh.name/detect-android

JavaScript:

var ua = navigator.userAgent.toLowerCase(); 
var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile"); 
if(isAndroid) { 
    // Do something! 
    // Redirect to Android-site? 
    window.location = 'http://android.davidwalsh.name'; 
} 

PHP:

versión

$ua = strtolower($_SERVER['HTTP_USER_AGENT']); 
if(stripos($ua,'android') !== false) { // && stripos($ua,'mobile') !== false) { 
    header('Location: http://android.davidwalsh.name'); 
    exit(); 
} 

Answer 2

js, las capturas iPad también:

var is_mobile = /mobile|android/i.test (navigator.userAgent); 

Answer 3

¿Qué tal este one-liner?

var isAndroid = /(android)/i.test(navigator.userAgent); 

El modificador de i se utiliza para realizar caso-insensible a juego.

---

técnica tomada del proyecto de prueba Cordova AdMob: https://github.com/floatinghotpot/cordova-admob-pro/wiki/00.-How-To-Use-with-PhoneGap-Build

Answer 4

;(function() { 
    var redirect = false 
    if (navigator.userAgent.match(/iPhone/i)) { 
     redirect = true 
    } 
    if (navigator.userAgent.match(/iPod/i)) { 
     redirect = true 
    } 
    var isAndroid = /(android)/i.test(navigator.userAgent) 
    var isMobile = /(mobile)/i.test(navigator.userAgent) 
    if (isAndroid && isMobile) { 
     redirect = true 
    } 
    if (redirect) { 
     window.location.replace('jQueryMobileSite') 
    } 
})() 

Answer 5

Creo que la respuesta de Michal es el mejor, pero no podemos dar un paso más allá y cargar dinámicamente una CSS Android como por la pregunta original :

var isAndroid = /(android)/i.test(navigator.userAgent); 
if (isAndroid) { 
    var css = document.createElement("link"); 
    css.setAttribute("rel", "stylesheet"); 
    css.setAttribute("type", "text/css"); 
    css.setAttribute("href", "/css/android.css"); 
    document.body.appendChild(css); 
} 

Answer 6

No hay necesidad de jQuery aquí. Como ya se mencionó anteriormente, debe verificarlo utilizando la propiedad del agente de usuario. Si está interesado en detectar otras plataformas también, o simplemente si está en un dispositivo móvil en general, escribí este is-mobile component que puede detectarlo.

dude en importar y utilizar como se muestra en estos ejemplos:

isMobile.Android() => true/false 
isMobile.iOS() => true/false 
isMobile.Windows() => true/false 
isMobile.KindleFire() => true/false 
isMobile.any() => true/false