Detectar dispositivos móviles a través de JavaScript

El número de visitas que recibe cualquier sitio Web desde dispositivos móviles no ha dejado de crecer, por lo que se hace cada vez más necesario adaptar nuestros sitios a dichos dispositivos, y así mejorar su usabilidad.

Lo primero que tendremos que hacer, será detectar el dispositivo desde el cuál se está accediendo a nuestra Web. Para ello, vamos a usar el siguiente código JavaScript, de tal forma que todas aquellas visitas que procedan desde este tipo de dispositivos, serán redirigidas a la URL que le indiquemos.

<script type="text/javascript">
var device = navigator.userAgent
if (device.match(/Iphone/i)|| device.match(/Ipod/i)|| device.match(/Android/i)|| device.match(/J2ME/i)|| device.match(/BlackBerry/i)|| device.match(/iPhone|iPad|iPod/i)|| device.match(/Opera Mini/i)|| device.match(/IEMobile/i)|| device.match(/Mobile/i)|| device.match(/Windows Phone/i)|| device.match(/windows mobile/i)|| device.match(/windows ce/i)|| device.match(/webOS/i)|| device.match(/palm/i)|| device.match(/bada/i)|| device.match(/series60/i)|| device.match(/nokia/i)|| device.match(/symbian/i)|| device.match(/HTC/i))
{ 
window.location = "Aquí debes escribir la ruta (relativa o absoluta) de tu versión móvil, por ejemplo: version-movil.html";
}
else
{
}
</script>

Para comprobar su funcionamiento, puedes descargar un sencillo ejemplo haciendo clic aquí - (archivo comprimido: contiene index.html y movil.html).

En index.html se ha añadido el código JavaScript, redireccionando a los usuarios que accedan desde dispositivos móviles a movil.html

1 comentario:

  1. muchas gracias me funciono a la primera sigo gracias por tu aporte saludos

    ResponderEliminar

Entradas populares

Sobre el autor

Mi foto

Me llamo Juan Ignacio Estévez. Soy técnico publicitario por el Centro Español de Nuevas Profesiones (CENP).

Comencé desarrollando mi carrera profesional en estudios de diseño y agencias de publicidad como director de arte, siempre enfocado al mundo Offline. Sin embargo, pronto sentí curiosidad por el Online. Desde entonces, he intentado formarme en este sector, a través de diferentes cursos de formación y de forma autodidacta.

Puedes ver mi perfil completo en LinkedIn. ¿Hacemos Networking?