Detectar dispositivos y redireccionar con Javascript
Nuestro Script Personal
Lo primero que debemos hacer es acceder a la información del Agente de Usuario (User Agent), que en Javascript se realiza a través de “navigator.userAgent”. El código sería el siguiente:
[sourcecode language=»java»]
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<script type=”text/javascript”>
var dispositivo = navigator.userAgent.toLowerCase();
if( dispositivo.search(/iphone|ipod|ipad|android/) > -1 ){
document.location = ‘http://www.pepfarinweb.com/mobile’; }
</script>
</head>
<body>
</body>
</html>
[/sourcecode]
Mediante Scripts Externos
Si no tienes ganas de complicarte la vida y quieres tener todo tipo de dispositivos válidos, lo mejor que puedes hacer, es ir a la página web de “Detect Mobile Browsers”, allí encontrarás varios scripts realizados para distintos lenguajes (JavaScript, PHP, ASP, Phyton, etc.), pinchas en la pestaña del lenguaje que prefieras, descargas el archivo (en este caso en Javascript) y al final te encontrarás una cadena tipo‘http://detectmobilebrowser.com/mobile’, cambia esta URL por la tuya, guarda el script en la carpeta donde tienes tus archivos Javascript en tu servidor, y entre las etiquetas “head”de tu “index.html” coloca un código de enlace parecido a éste, sólo lo tienes que cambiar por el nombre que le hayas dado a tu archivo “js”.
[sourcecode language=»java»]
<head>
<script type="text/javascript" src="javascripts/mobile.js"></script> //tu nombre de script
</head>
[/sourcecode]