sábado, 16 de marzo de 2013

Detectar moviles y redireccionar con javascript

Debido al incremento de estos dispositivos, se estima que un 50% de las visitas que recibe nuestro sitio web son a través de dispositivos móvil, y en ocasiones nos encontramos que nuestra página no se muestra bien en un móvil.


 La solución a esto es crear una página diferente y adaptada para estas pantallas, y para que cuando recibamos una visita y saber que página mostrarle, (la normal o la adaptada para esas pantallas), la solución es colocar este javascript en nuestro código fuente y dependiendo de donde venga (pc o dispositivo móvil), pues le mostrará una pagina u otra.





  1. var device = navigator.userAgent

  2. 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)|| device.match(/CriOS/i))
  3.  { 
  4. window.location = "http://www.miwebmovil.com/";

  5. }
  6. else
  7. {

  8. }




* Añadidos nuevos dispositivos.



Espero que os sea de utilidad.


Un saludo....