Muchas veces nos encontramos que nuestra web no está preparada para una versión móvil (ya sea porque tiene flash o porque el diseño se ve muy pequeño…). Pues tenemos la solución muy sencilla:

<script type="text/javascript">
var deviceiphone = "iphone";
var deviceipod = "ipod touch";
var deviceandroid = "android";
var uagent = navigator.userAgent.toLowerCase();//Initialize our user agent string to lower case.
function Detectiphone(){// Detects if the current device is an iphone.
if (uagent.search(deviceiphone) > -1){return true;}else{return false;}
}
function Detectipod(){// Detects if the current device is an ipod Touch.
if (uagent.search(deviceipod) > -1){return true;}else{return false;}
}
function Detectandroid(){// Detects if the current device is an ipod Touch.
if (uagent.search(deviceandroid) > -1){return true;}else{return false;}
}
function DetectDevice(){// Detects if the current device is an iphone or ipod Touch.
if ((Detectiphone())||(Detectipod())||(Detectandroid())){window.location =/mobile/;}
}
if ((Detectiphone())||(Detectipod())||(Detectandroid())){window.location ="/mobile/";}
}
</script>

Pegamos esto en nuestro <head>. Luego en el tag <body> la llamada a la función (sin esto, aún teniendo el código del head, no funcionaría) de esta forma:

<body onLoad="DetectDevice()">

¡Y listo! así nuestra web o blog si detecta que se trata de uno de los dispositivos configurados en nuestro redireccionamiento, les llevará a una sección determinada.

Nota: Si averiguamos los nombres de otros dispositivos (tales como el del iPad o BlackBerry… que son unos nombres en especial) podremos redireccionar detalladamente cada dispositivo.