javascript - description - title html attribute

Cómo detectar tabletas, dispositivos móviles, equipos de escritorio, televisores mediante javascript

Question

Estoy desarrollando una aplicación web donde necesito detectar el dispositivo desde javascript. ¿Alguien podría decirme cuál es la mejor manera de hacerlo? He encontrado varias soluciones de googlear. Pero nadie es prueba completa. No quiero usar la detección del lado del servidor como WURFL.

Mi actualizacion

Detecto el dispositivo haciendo coincidir las consultas de los medios de CSS usando javascript. Para la comparación de consultas de medios usando polyfill por Paul Irish https://github.com/paulirish/matchMedia.js/

Answer 1

Puedes usar:

1) JS: Detect por agente de usuario

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

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

2) CSS: usar diseño responsivo

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

Answer 2

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

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

<script type=''text/javascript'' src="//wurfl.io/wurfl.js"></script>

te quedarás con un objeto JSON que se parece a:

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

(eso es asumiendo que estás usando un Nexus 7, por supuesto) y podrás hacer cosas como:

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

Esto es lo que buscas.

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