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