Saltar al contenido

Cómo detectar el tipo de dispositivo usando javascript

Si hallas alguna incompatibilidad con tu código o trabajo, recuerda probar siempre en un ambiente de testing antes añadir el código al trabajo final.

Solución:

Puedes usar:

1) JS: Detectar por agente de usuario

if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i))

Tome las cadenas de agente de usuario de aquí: http://www.useragentstring.com/pages/useragentstring.php.

2) CSS: usa un diseño receptivo

3) JS: detecta el ancho de la pantalla por screen.width

Te aconsejo que consultes http://wurfl.io/

En pocas palabras, si importa un pequeño archivo JS:


te quedará un objeto JSON que se ve así:


 "complete_device_name":"Google Nexus 7",
 "is_mobile":true,
 "form_factor":"Tablet"

(eso suponiendo que esté usando un Nexus 7, por supuesto) y podrá hacer cosas como:

if(WURFL.form_factor == "Tablet")
    //dostuff();

Esto es lo que estás buscando.

Descargo de responsabilidad: trabajo para la empresa que ofrece este servicio gratuito. Gracias.

Comentarios y valoraciones

Si entiendes que ha sido de utilidad este artículo, agradeceríamos que lo compartas con el resto entusiastas de la programación de esta manera contrubuyes a dar difusión a esta información.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *