En este post vamos a ver como detectar si el usuario que entra a nuestra web lo hace desde un dispositivo móvil (tablet, teléfono móvil, ipad, etc…) y si es así redireccionarlo a una web creada “solo” para este tipo de dispositivos.
Esto no tiene nada que ver con el Diseño Adaptativo  o Responsive que pueden tener las webs y que ya comenté en una anterior entrada de este blog.


Pasos a realizar:

1.- La  web para Pc’s deberá estar en nuestro directorio raíz, como siempre la hemos tenido.
2.- La web diseñada solo para dispositivos móviles deberemos tenerla en una carpeta en el directorio raíz. Para este ejemplo vamos a llamar a dicha carpeta: “movil”.
3.- En la página index de la web para Pc’s deberemos incorporar en el HEAD el siguiente script:
<script type=”text/javascript”>
//Detección y redireccionamiento de dispositivos móviles
var device = navigator.userAgent
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 = “http://www.nombredominiodemiweb.com/movil”;
}
else
{
}
//
</script>
Este script está actualizado para todo tipo de dispositivos móviles a día de hoy. Por lo que en un futuro hay que ir actualizandolo o añadiendo si hiciése falta los diferentes device.match.
Y nada más. Comprobar antes de dar por finalizado el trabajo que funciona en varios dispositivos como un móvil Iphone, un móvil Android y algún que otro Tablet.
Bueno, os espero en mi siguiente post. Virtual Web Estudio.