Como detectar el dispositivo móvil del usuario con JavaScript

Esto es de gran utilidad a la hora de detectar con javaScript el S.O del móvil del usuario cuando se navega en nuestro sitio. Para eso tenemos un sencillo script.

Veamos el código de ejemplo

// con el objeto navigator y su método "userAgent" obtenemos información del navegador
var ua = navigator.userAgent.toLowerCase();

// con la función de cadena 'indexOf' buscamos la palabra 'android' y nos devuelve un posicion
// en caso contrario no la encuentre devuelve -1, al final comparamos y nos devuelve true o false
var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
// si la variable es true, se ejecuta el bloque, caso contrario el 'else'
if(isAndroid) {
document.write("Hola android");
}else{
document.write("Hola iPhone");
}

Explicare un poco del código:

El objeto navigation devuelve toda información de navegador, y el método userAgent nombre del navegador, y el método toLowerCase() nos convierte la información en minúscula.

Por último el método indexOf nos devuelve la posición del texto como argumento a buscar caso no lo encuentre devolverá -1.

Y con una condicional podemos saber si estamos en un S.O. móvil Android o Iphone para luego ejecutar el bloque de código que deseamos.

Deja una respuesta