Recomendado

Las mejores ofertas del Black Friday en Hormiguitas Ahorradoras

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. //creado por https://joason.com
  3. 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))
  4.  { 
  5. window.location = "http://www.miwebmovil.com/";

  6. }
  7. else
  8. {

  9. }




* Añadidos nuevos dispositivos.



Espero que os sea de utilidad.


Un saludo....

211 comentarios:

  1. Eres un Crack... llevo dos días buscando por internet y he encontrado de todo y nada que funcione. He pegado este código tal cual y... a la primera!

    Gracias socio!

    ResponderEliminar
    Respuestas
    1. Gracias por el comentario..

      Un saludo..

      Eliminar
    2. pero cada pagina tiene un diseño y un nombre distinto?

      Eliminar
    3. donde copio ese codigo? miwebmovil es la diseñada para movil? gracias

      Eliminar
  2. Hola, de verdad que me funciono, pero tengo un problema, si no quiero el ipad, ya tengo la programación solo del ipad y no quiero que me redireccióne.

    Saludos, mil gracias

    ResponderEliminar
    Respuestas
    1. Hola Alfedo, es muy facil, solo tienes que quitar del cógigo lo que se refiere al ipad, seria modificar esta linea

      | device.match(/iPhone|iPad|iPod/i)|

      poer esta:

      | device.match(/iPhone|iPod/i)|

      Como ves lo unico que se ha hecho es eliminar un poco de código..

      Un saludo....

      Eliminar
    2. Hoola, de nuevo yo.

      Ya quiete el iPad pero me sigue mandando a la versión mobile, que puedo hacer.

      Saludos, mil gracias.

      Eliminar
    3. Hola, como puedes ver en el código, tambien redirecciona por el navegador utilizado, este puede ser tu caso, al detectar el navegador del ipad te manda a la versión mobile, elimina la parte del codigo que redirecciona por el navegador usado y se tiene que solucionar el problema. Ya me dirás si se soluciona..

      Um saludo..

      Eliminar
  3. muchisimas gracias amigo, ya lleva tiempo buscando un script para mi web :D, pero tengo una duda, porque no pusiste soporta para celulares con opera mobile? es decir, yo tengo un android 2.5 de 320x240 funcionando con opera mobile (si supe como poner el script y funciona de 10 ^-^)

    ResponderEliminar
    Respuestas
    1. Gracias por comentar, no te entiendo muy bien la pregunta, pero que si detecta android y opera mini y redirecciona perfectamente.

      Un saludo

      Eliminar
  4. hola este codigo puede pegarse en un archivo html?

    ResponderEliminar
    Respuestas
    1. Hola, este codigo lo puedes poner en html, tiene que ir dentro de etiquetas de javascript. Seria acomo esto:

      <script languaje="JavaScript">



          aquí pegar el codigo



      </script>

      Espero que te sirva..

      Un saludo...

      Eliminar
  5. Funciona a la perfección, gracias.

    ResponderEliminar
  6. Una pregunta... Si yo uso este código, luego podría permitir que el dispositivo móvil muestre la página original?
    Suponiendo que uso el código, se reconoce el dispositivo y se redirecciona, qué pasa si en la página configurada para dispositivos móviles agrego un botón para ir a la página original? Siempre redireccionará? (supongo que sí). Puedo controlar eso sin muchas complicaciones?
    Gracias!

    ResponderEliminar
    Respuestas
    1. Hola SauliusRosales, con este código no te mostrará la página original, siempre te reenviará a la web móvil..



      saludos..

      Eliminar
  7. tienes que hacer el index que redireccione a los dispositivos y para usar la version classic copias el index y le das de nombre home.html y direccionar desde el movil y asi ya no volvera. Javier

    ResponderEliminar
    Respuestas
    1. Hola, se supone que no solo redirecciona el index, sino toda la web, tendrias que duplicar toda la web entera, para esto hay que utilizar código php y así no tendrias que duplicar nada..

      Un saludo...

      Eliminar
  8. Hola si estan viendo mi web desde un Ipad, y me envia a la version movil, k puedo hacer? ya quite la linea de codifo ipad, pero no encuentro la del navegador que es Safari...

    ResponderEliminar
    Respuestas
    1. Hola, comprueba que safari sea tu navegador, retira el código de otros navegadores por si acaso esos son los que te dan problema, para comprobar el navegador en php ejecuta el código siguiente:

      <?php



      $navegador = $_SERVER['HTTP_USER_AGENT'];



      print "Navegas con : $navegador";



      ?>

      Ya me comentaras si se soluciona tu problema.


      Un saludo..

      Eliminar
  9. Hola...Perdon, entonces como quedaria mi codigo quitando los demas exploradores...

    Saludos...

    ResponderEliminar
    Respuestas
    1. Hola de nuevo, tendrás que quitar del código lo siguiente:
      "| device.match(/Opera Mini/i)|| device.match(/IEMobile/i)|"
      lo he mirado un poco por encima, pero creo que no hay mas que detecte navegador, te quedaría el código así:

      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(/Mobile/i)|| device.match(/HTC/i))

      {

      window.location = "http://www.miwebmovil.com/";

      }

      else

      {

      }


      Ya me contarás..

      Un saludo...

      Eliminar
  10. Hola, me parece genial el código. Voy a probarlo y ya te digo algo. Gracias por tu aportacion!

    ResponderEliminar
  11. Amigo quisera comentarte un problema que me esta pasando con una web, al parecer si funciona la version movil solo que no lo hace desde raiz es decir. si pongo en el navegador www.misitio.com no me aparece nada, pero si pongo www.misitio.com/index si se despliega correctamente la web para moviles. tienes alguna idea de que pudiera estar pasando ?? te agradezco desde ahora. y felicidades por tu blog esta genial..

    ResponderEliminar
    Respuestas
    1. Hola Digital Generation, gracias por el comentario, por lo que comentas, creo que tu problema es que tienes la web mentida dentro de una carpeta llamada "index", la solición sería que apuntes el dominio hacia esa carpeta, o pon en la raíz del sitio todos loa archivos, espero que te sirva de ayuda.


      Un saludo...

      Eliminar
    2. para complementar la ayuda veamoslo asi:

      if(condicion...){
      window.location = "http://www.sitio.com/m/index";
      }

      es decir dentro de la carpeta principal del servidor de tu sitio creas un carpeta que se llame m y guardas todo lo que tenga que ver con compatibilidad movil alli.

      Eliminar
  12. Gracias por responder hermano, revise el sitio y no esta dentro de la carpeta index tengo todo en la raiz del sitio de hecho al poner la direccion www.misitio.com en el navegador en una pc si funciona correctamente el problema se genera para el sitio movil, otra cosa curiosa que me encontre es que si abre el sitio de manera normal en los celulares Windows, pero en android y iOS no.. tengo que poner www.misitio.com/index de antemno te agredezco todo, ojala puedas ayudarme... Saludos

    ResponderEliminar
    Respuestas
    1. Hola, el problema con windows mobile, ya se deve de solucionar, pues he actualizado el código, lo que te no redireccione al sitio movil la solución si quieres pasame la url de tu sitio y te miro a ver donde puede estar el error, si quieres tengo un formulario de contacto, en la parte superior derecha del blog, para si no lo quieres poner por aquí, me lo pases por privado, porque si tienes los achivos en la raiz del sitio y has puesto bien la url movil tienen que funcionar a la perfeccción..


      Un saludo...

      Eliminar
  13. te paso la url de mi sitio, www.decorfunlove.com espero puedas ayudarme gracias y disculpa por las molestias..

    ResponderEliminar
    Respuestas
    1. Después de haber mirado la web, te comento: solo redireccionará si entras directamente al index, si entras a cualquier otra página no te va a redireccionar, pues no has puesto el script en el resto de páginas,y el problema de que no te funcione es porque el script dice que si vienes desde un dispositivo móvil te envie a: "window.location = "http://www.decorfunlove.com";" y como puedes ver tu lo estas enviando de nuevo a la misma página, por lo que si entras desde un móvil te genera un blucle, simplemente tienes que poner la página que hayas hecho para los móviles,

      window.location = "http://AQUÍ LA URL MOVIL";

      modificando esto veras como te funciona bien el script.

      Ya me contaras si lo solucionas, cualquier duda, comentala, que para eso estamos.


      Un saludo...

      Eliminar
    2. muchas gracias hermano lo voy a revisar y te digo que paso, no habia contestado porque he estado saturado de trabajo.. lo checo y te digo, desde ya muchas gracias !!

      Eliminar
  14. Muchas gracias por tu aporte, es lo que estaba buscando, solo que no he podido encontrar la forma o el código para hacer que me re-dirija a la versión full (o de escritorio) intenté poner en el link "?mobile=no" por ejemplo la version movil es m.tuweb.com y la full es www.tuweb.com entonces en el enlace para que te llevea la versión full puse < a href="http://www.tuweb.com?mobile=no" > pero no me ha funcionado, ¿podrías ayudarme? Saludos y muchas gracias.

    ResponderEliminar
    Respuestas
    1. Hola Ivan, gracias por el comentario, lo que quieres hacer no se puede con este script, tendrías que hacerlo en PHP.


      Un saludo..

      Eliminar
    2. Hola de nuevo Ivan, aquí te dejo como volver a la versión web utilizando este código y haciendo uso de las cookies.


      Saludos...

      Eliminar
  15. Buen día, alguien sabe como redireccionar mi sitio según la región desde la que lo este visitando, por ejemplo tengo 2 dominios www.midominio.com y www.midominio.com.mx y si entro desde México a www.midominio.com que sepa que ingresó en México y me mande automáticamente a www.midominio.com.mx algo parecido a lo que hace google y adobe.
    Saludos!!

    ResponderEliminar
    Respuestas
    1. Hola, perdona por tardar en responder, estos dias estoy un poco liado, podrías hacerlo sacando el idioma del visitante y enviarlo al dominio que mejor te interese, puedes ver un ejemplo en:
      Detectar idioma del navegador y redireccionar con javascript
      Tambien lo puedes hacer mediante la ip del visitante, ya seria un poco mas complejo y en php, espero que te sirva de ayuda.


      Un saludo..

      Eliminar
  16. eres muy kapo..!!! es una ayuda increible la que estas dando.
    pero para alguien como yo que apenas sabe lo necesario..
    donde debo pegar exactamente el codigo, pues yo uso editores visuales
    ya que no se programar html y trato de aprender lo que mas pueda de manera
    autodidacta.. se pega en el head, o se inserta como HTML o en otro lugar ??

    ResponderEliminar
    Respuestas
    1. Gracias por el comentario, el código tal y como está, es para ponerlo en un archivo .js y antes del </head> tendrás que poner
      <script type="text/javascript" src="AQUÍ LA RUTA DE TU ARCHIVO .JS"></script>
      para ponerlo dentro de html ya se comentó Aquí


      Un saludo

      Eliminar
  17. gracias estimado,me jalo al 100...toy probando y haciendo la pagina para moviles...

    ResponderEliminar
    Respuestas
    1. Gracias a ti por comentar..

      Un saludo

      Eliminar
    2. Buenos dias.. Se que el post es viejito pero aun es super util. Te agradezco tu aporte. Tengo un detalle y es que uno de mis telefonos tiene symbian y cuando uso opera mobile para entrar a la pagina me redirecciona a la version para pc.. que podria estar pasando.? o como hago para que reconozca también el opera mobile.?

      Eliminar
  18. TU CODIGO INSERTADO EN HTML NO SIRVE, USANDO LA DESCRIPCION DE MAS ARRIVA DE SCRIPT

    SALUDOS

    ResponderEliminar
    Respuestas
    1. El código funciona igual en un archivo .js que dentro de tu html con sus etiquetas de javascript.

      <script type="text/javascript">

      AQUÍ EL CÓDIGO

      </script>


      Un saludo..

      Eliminar
  19. Para todos los que os interesaba que el visitante con dispositivo móvil tuviera la opcción de volver la versión web, aquí os dejo un pequeño tutorial de como hacerlo en javascript.


    Un saludo..

    ResponderEliminar
  20. Muchas gracias, funciona muy bien!

    Lo que yo hice fue hacer que vaya a un subdominio y ahi tienes una nueva carpeta raiz para hacer el sitio. yo solo le puse una letra m

    window.location = "http://www.m.misitio.com/";

    ojo, el script NO debe ir en el sitio móvil, basta con que lo pongas en el código HTML de la pagina principal (index)del sitio no móvil y listo!

    Gracias Joason!

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario, como bien dices, el script debe ir en la versión web.


      Un saludo...

      Eliminar
  21. pregunta hay una manera para que se abra al tamaño correcto del dispositivo móvil? ya que si se habré pero hay mucho espacio demasiado en varios dispositivos que he probado este código? me resolvio el problema que tenia con Yahoo! por que no me deja hacer un archivo ..htaccess que es lo mas fácil pero esto es genial gracias!!!

    ResponderEliminar
    Respuestas
    1. hola rockerosvip.com, gracias por comentar, si lo que quieres es tu web móvil se adapte a la pantalla del dispositivo tienes que decirle que el ancho sea al 100%

      seria: width="100%"

      con esto la web se adaptará al ancho de la pantalla del dispositivo.



      Un saludo..

      Eliminar
  22. muy bien el codigo pero si entro desde un iphone 3g no la direcciona, saben algo del tema??

    ResponderEliminar
    Respuestas
    1. Hola Fabian Roa, gracias por comentar este posible fallo, yo de momento no tengo la posibiliodad de comprobar con este terminal, pero si alguno tiene este (o otro) modelo y tambien le da error, que lo comente para poder darle solución.


      Un saludo...

      Eliminar
  23. hola que tal lei tu guia y los comentarios la verdad no estoy metido en esto del todo pero me parece interesante me gustaria saber algo que quisa respondiste pero no termino de entender del todo, veras vi que para colocarlo dentro de un html debe de ir dentro de etiquetas de java script lo que no entiendo bien es lo de la ruta del archivo osease como le digo yo donde esta el index.html del sitio movil para que comience a correr este y no el del sitio para pc

    ResponderEliminar
    Respuestas
    1. leyendo un poco mas me surgio otra duda amigo veras veo que el codigo dice
      window.location = "http://www.miwebmovil.com/" esto significa que para este proceso requiero de un domino diferente para mi sitio web movil? la verdad estoy interesado que todo sea en un solo dominio pero desconosco si es posible esto que quiero hacer espero me puedas ayudar por cierto exelente post muchas gracias disculpa tanta pregunta

      Eliminar
    2. Hola MetalManiac Russi ,a tu primer pregunta: no tienes que decirle donde está el index.html, sino todo lo contrario, al index.html le tienes que decir donde está el archivo .js
      y la segunda pregunta: el window.location = "http://www.miwebmovil.com/" te dice donde te enviará si detecta un móvil, el cual puede ser perfectamente una carpeta que hayas creado dentro de tu dominio para tal fin, te quedaría algo como esto
      window.location = "http://www.miweb.com/carpetaparamovil"

      Espero haberte ayudado, cualquier otra duda comentala.



      Un saludo...

      Eliminar
    3. otra vez yo amigo muchas gracias por responderme entendi bien lo de la ventana ahora solo para no quedar con ninguna duda y diculpa tanta molestia, entonce eso significa que mi version movil no debo guardarla como un index.html si no que debo gurdarla como .js

      Eliminar
    4. Hola MetalManiac Russi, cuando dices que no entiendes lo de "la ruta del archivo" eso es para decirle al .html donde está alojado el .js , no tien nada que ver con tu versión móvil.


      Un saludo...

      Eliminar
  24. Hola perdona pero soy un novato y estoy hecho un lio tengo una pagina en flash y no se donde y como meter tu codigo, podrias explicarmelo por favor, en mi pagina se entra por un index.html que te da la opcion de verla en PC o Movil/tablet, pero claro quería hacerlo automatico. Podrias explicarme por pasos que tengo que hacer?. Muchas Gracias

    ResponderEliminar
    Respuestas
    1. Es muy sencillo, aquí ya hemos comentado como hacerlo.

      Un saludo...

      Eliminar
  25. si, eso ya lo he leido, mi duda es donde pongo el codigo, en la 1ª linea del index.html? y me imagino que encabezado por el
    Es así?

    ResponderEliminar
  26. me refiero a poner al princio y al final del codigo las lineas de script, es que no me deja publicar esas lineas

    ResponderEliminar
  27. es que estoy probando y poniendolo en el inicio del index, me sale la pagina en blanco, perdona el la pesadez

    ResponderEliminar
  28. Ya lo he conseguido, gracias por tu codigo, funciona. Una sola pregunta segun salen mas moviles habría que cambiar o añadir algo?. Una vez mas muchas gracias

    ResponderEliminar
    Respuestas
    1. Me alegro que hayas conseguido colocar bien el código, Ten en cuenta que este código detecta ciertos móviles y navegadores, se debe incluir tanto código como dispositivos queramos que detecte, teniendo en cuenta que aquí estan los móviles y navegadores mas usados.

      Un saludo...

      Eliminar
  29. He visto una pagina http://detectmobilebrowser.com/mobile que va añadiendo los móviles nuevos sabrías decirme como integrarla en tu código, porque metida tal cual a mi no me funciona, habría alguna manera de integrarla en tu código?. Muchas Gracias

    ResponderEliminar
    Respuestas
    1. Incluir parte de ese código en este que tengo aquí es fácil, necesitaras saber algo de expresiones regulares, por que el código que tu dices es 90% una expresión regular.

      Saludos...

      Eliminar
  30. Gracias, te comentaba eso, porque por lo visto en esa pagina están actualizando los móviles frecuentemente, pero es que a mi no me funciona como script externo no tengo ni idea el porqué. La parte que quería incluir es la de los móviles, como tendría que hacer?. me puedes ayudar?. Gracias por tu amabilidad

    ResponderEliminar
    Respuestas
    1. ok, en cuanto tenga un poco de tiempo te saco un poco de ese código para que veas como se hace..


      Un saludo...

      Eliminar
  31. gracias por el a porte si me funciona te agradecere

    ResponderEliminar
    Respuestas
    1. Gracias por comentar, seguro que te funcionará.

      Un saludo...

      Eliminar
  32. Grande Joason, gran enseñanza con pocas palabras e imediatos resultados, tipico de un maestro.
    Lamento el anonimato.

    ResponderEliminar
  33. Gracias compadreeeeeeeeeee!! me salvaste la vida!!

    ResponderEliminar
  34. hola, gracias por tu aportacion, queria preguntar si cuando te redirecciona te redirecciona a otra url o a la misma, xq yo solo tengo una direccion web, ejemplo www.nombre-de-mi-web.com, si yo pego tu codigo en mi index.html donde me tendria que redireccionar?, es decir que tendria que poner despues del igual en window.location, muchas gracias

    ResponderEliminar
    Respuestas
    1. hola davidoff m, aquí ya se ha comentado lo que tu preguntas.


      Un saludo...

      Eliminar
  35. Super Viejo , Mil gracias

    ResponderEliminar
  36. Viejo sos un semi dios...
    Despues de tanta prueba tu code me funco de 100%
    Gracias desde Lima Peru, James Vidal

    ResponderEliminar
    Respuestas
    1. Hola James Vidal, me alegro que te haya sido útil, gracias por el comentario .


      Un saludo...

      Eliminar
  37. A veces las cosas más sencillas nos hacen volvernos locos, a mí me ha pasado con este tema como dirigir de forma trasparente según el terminal del usuario, pues esta solución que nos muestra el compañero es fácil, rápida y genial
    Muchas gracias, por este post.
    Saludos

    ResponderEliminar
    Respuestas
    1. Gracias reparapcs por visitar mi blog, me alegro que te haya sido útil la informacón.


      Un saludo..

      Eliminar
  38. Buenisimo - funciono a la primera.

    ResponderEliminar

  39. exclente aporte mi hermano, una duda, en la parte del codigo:

    {
    window.location = " http://www.miwebmovil.com/ ";

    }

    sera posible redireccionar a un .html local?, algo asi como:

    {
    window.location = "indexmovil.html";

    }

    un saludo!!

    ResponderEliminar
    Respuestas
    1. Hola Ezequiel, puedes enviar al visitante donde tu quieras, un html local, una carpeta, una url diferente a la de la web, en definitiva, se puede enviar donde tu decidas.


      Un saludo..

      Eliminar
  40. del carajo !! muchas gracias funciona perfecto

    ResponderEliminar
  41. si necesito un url para cada dispositivo diferente como prodria hacer :(

    ResponderEliminar
    Respuestas
    1. Hola, tendrías que separa el cógigo por móviles y redireccionarloscada uno a su página, teria esto:
      if (device.match(/Iphone/i)) {
      window.location = "http://www.moviliphone.com/";
      }

      y así con cada uno de los que quieras que tengan un destino diferente.


      Un saludo...

      Eliminar
    2. Lo hice asi


      var device = navigator.userAgent

      if device.match(/J2ME/i)|| device.match(/BlackBerry/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.apptdgana.com/movil.html";

      }
      if device.match(/Android/i)
      {
      window.location = "http://www.apptdgana.com/movilandroid.html";
      }
      if (device.match(/Iphone/i)|| device.match(/Ipod/i)|| device.match(/iPhone|iPad|iPod/i)
      {
      window.location = "http://www.apptdgana.com/movilios.html";
      }
      else
      {

      }


      Pero no me funciona me puedes ayudar porfa

      Eliminar
    3. Hola de nuevo, tines un pequeño error, te lo dejo correjido, pruba con esto:

      if (device.match(/J2ME/i)|| device.match(/BlackBerry/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.apptdgana.com/movil.html";

      }
      if (device.match(/Android/i))
      {
      window.location = "http://www.apptdgana.com/movilandroid.html";
      }
      if (device.match(/Iphone/i)|| device.match(/Ipod/i)|| device.match(/iPhone|iPad|iPod/i))
      {
      window.location = "http://www.apptdgana.com/movilios.html";
      }
      else
      {

      }

      Como puedes ver, te faltaban algunos parentesis por poner.

      Un saludo...

      Eliminar
    4. Muchas gracias si era eso :D gracias por tu aporte

      Eliminar
    5. Me alegro, gracias a ti por visitar mi blog.

      Saludos...

      Eliminar
  42. Muuy bueno gracias ante mano, se te agradece mucho, tu aporte, yo estoy bien por el momento, TE FELICITO - ESTARE PEDIENTE DE TU BLOG. te dejo mi pagina, la tengo en constante renovacion, porque la ultima que tenia se me borro de mi pc y me toco de nuevo de la anterior,.les dejo el link IGUANACOS.TK Ò IGUANACOSpuntoTK..... Y la mobil. sencilla por el momento. suerte y Bendiciones........... SALU

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario, ahora me pasaré por tu web y le heho un vistazo.


      Un saludo...

      Eliminar
  43. Hoye este codigo es para PHP?, donde tengo que pegar este codigo?

    ResponderEliminar
    Respuestas
    1. Este código lo puedes poner en php, html o en un archivo.js

      Eliminar
  44. Hola necesito ayuda podria ser por inbox?

    ResponderEliminar
    Respuestas
    1. Hola Antonio, preferentamente las dudas sería por el blog y de esa manera tambien le valdría a otros usuarios con tu mismo problema, aunque puntualmente te podría ayudar por inbox.

      Saludos..

      Eliminar
    2. Esque no es sobre temas de aqui es otro :S sobre java por eso te decia inbox para que me mandes uno a facebook porfa

      Eliminar
    3. Me podeis encontrar en facebook, twitter y tambien podeis contactar con migo en el formulario de contacto.


      Saludos...

      Eliminar
  45. Ayuuuda por favor! Tengo una web (http://posadasancristobalzipolite.com/) que funciona perfectamente en computadora pero una ventana emergente que es invocada por un javascript se encima en navegadores móviles; quisiera saber si hay alguna forma de evitar que se lea el código javascript que manda llamar al popup con este código. Muchas gracias !!

    ResponderEliminar
    Respuestas
    1. Hola Impresking, tendrías que poner una condicional a ese script, y decirle que si entras a la web con un navegador móvil no se muestre.

      Un saludo..

      Eliminar
  46. eres la 8 maravilla mi hermano!!!
    gracias

    ResponderEliminar
  47. Está mas claro que el agua, no queda ninguna duda

    Gracias

    ResponderEliminar
  48. Graciassssssss, te debo mucho con este código, me funciono!!!

    ResponderEliminar
  49. Hola, antes que nada muchas gracias por el codigo, estuvo excelente solo tengo una duda ( y alguien lo comento antes pero no me quedo muy claro ) si por algun motivo quiero que una vez dentro de la web para movil me redireccione a la de desktop?. Gracias por el apoyo!

    ResponderEliminar
    Respuestas
    1. La mejor manera que he resuelto este tema, ha sido utilizando cookies, en esta entrada comento como hacerlo.
      volvera a la version web desde la version movil


      Un saludo...

      Eliminar
  50. buenas amigo si quisiera como redireccionar solo para tablet ...bueno ayudame gracias

    ResponderEliminar
    Respuestas
    1. Una buena opción sería redireccionar por tamaño de pantalla..


      Saludos..

      Eliminar
  51. hola
    he colocado el código, pero en PC de resoluciones de 640 .... , se me redirige a la web movil...
    como evitar esto en PCs

    gracias

    ResponderEliminar
    Respuestas
    1. Pon una condicional que detecte la resolución y navegador móvil, con esto se solucionará.


      Saludos...

      Eliminar
    2. hola

      te importaria indicarme como seria el código.

      muchiiiisimas gracias

      Eliminar
    3. seria algo como esto:

      si (es-navegador-mobil || tiene-menos-de-400px)
      {
      window.location = "http://www.miwebmovil.com/";

      }

      saludos..

      Eliminar
  52. hola, otra pregunta.
    donde puedo colocar el código para que una vez me rediría a mi web movil, pueda ver la web clásica, (saltándome el código)

    gracias

    ResponderEliminar
    Respuestas
    1. El código lo pones en el index, para volver ala web clasica lo he contestado aquí
      .


      Saludos...

      Eliminar
  53. Hola
    Justo lo que necesito...muchas gracias.
    Como hago para que cuando sea una mini iPad o tablet mini no me cargue la versión para móviles sino la versión original.

    Gracias por tu ayuda

    ResponderEliminar
    Respuestas
    1. Hola César A. Pineda D., una buena sollución es que redireccione por tamaño de pantalla.

      Saludos...

      Eliminar
    2. Hola Joason
      Mira el código que utilizo:


      //Mobile Detection and Redirecting
      var device = navigator.userAgent

      if (device.match(/Iphone/i)|| device.match(/Ipod/i)|| device.match(/Android/i)|| device.match(/J2ME/i)|| device.match(/HTC/i)) {
      window.location = "version_moviles/index.php";
      //alert('Navegador movil')
      }
      else if (device.match(/Ipod/i))
      {
      //alert('iPad');
      window.location = "index.php";
      } else {
      //alert('PC/Laptop/Mac');
      }
      //

      Que debo agregar a este código para que cuando sea una mini iPad o tablet no me cargue la versión para móviles.

      Gracias por tu ayuda

      Eliminar
  54. Hola,
    Quisiera saber como hacer para que este código solo funcione cuando se de click sobre una imagen?

    Gracias por tu ayuda!!

    ResponderEliminar
    Respuestas
    1. Hola sacampos739, si lo que quieres es que cuando den click en una imagen te envie a la web movil seria algo como esto:

      <a href="http://www.miweb-movil" title="" ><img src="url-de-la-imagen" alt="" ></a>

      Un saludo...

      Eliminar
    2. Hola,

      Gracias por tu respuesta, pero en realidad lo que quiero es que cuando hagan click sobre una imagen, empiece a funcionar un script que reconozca si es pc o móvil para enviarle una dirección especifica.

      Eliminar
    3. Pues lo que tienes que hacer es crear una funcion, poner el código dentro de la funcion y llamar a la funcion desde la imagen.


      Saludos..

      Eliminar
  55. hola joason, es para decirte que nunca he visto alguien con tanta paciencia y predisposición, ya estas listo para soportar el matrimonio!

    saludos

    ResponderEliminar
    Respuestas
    1. je,je,je, eso ya son palabras mayores!!

      Gracias por visitar el blog.


      Saludos....

      Eliminar
  56. Hola Joason, excelente trabajo y blog. He leido todo el post porque estaba buscando algo así y voy a probarlo.

    Tengo una duda. Tengo una web que está diseñada para escritorio, para equipos modernos y navegadores modernos. He detectado que IE 8 o menos no se ve del todo bien con xp y además de insertar el codigo que has escrito para redirigir al html movil dentro del mismo directorio principal, me gustaría que tambien enviara a la gente con pc antiguos con este navegador. Que tendría que añadirle al código?

    Funcionaría el codigo para moviles, ordenadores con navegadores antiguos y además tambien según resolucion de pantalla por debajo de los 899? Además por cookies, para que el que quiera que esté en moviles, pueda optar por la de escritorio.

    Gracias por tu ayuda.

    ResponderEliminar
    Respuestas
    1. Hola Nino, para darle la opción de volver a la web principal aquí tienes un tutorial y para resulucion de pantalla seria:

      si resolucion < 899px {
      lo redireccionamos
      }
      else {
      }

      seria algo como esto.

      Saludos...

      Eliminar
  57. Buenos días.

    Muchas gracias por la aportación.

    Excelente día.

    ResponderEliminar
  58. Hola compañeros. Yo también estaba buscando algo así. Espero que funcione, esta noche cuando llegue a casa después del trabajo lo probaré. Supongo que para un sitio creado con blogger también es posible redirecconar con este código no?
    Mi sitio web es www.zaragoza-cerrajeros.net

    ResponderEliminar
  59. http//:www.zaragoza-cerrajeros.net

    ResponderEliminar
  60. Hola gracias por el aporte ahora me gustaria saber compañero como hago para hacer que detecte pc, laptos, mac, windows , linux etc para que salga del link movil y entre a la web normal ... Mil gracias

    ResponderEliminar
  61. Ya que si alguien entra directamente al link movil yo quiero que lo mande a la principal como http://m.youtube.com/

    ResponderEliminar
    Respuestas
    1. Hola Rawed, para que no se pueda acceder directamente a la web móvil desde un pc tiennes que poner el mismo código en la web móvil y cambiar


      {
      window.location = "http://www.miwebmovil.com/";

      }
      else
      {

      }



      por:

      {


      }
      else
      {
      window.location = "http://www.webclasica.com/";
      }



      Un saludo..

      Eliminar
  62. es mas direcionar al sud dominio ejm

    window.location = "http://miwebmovil.com/";
    window.location = "http://m.miwebmovil.com/"

    olo es cuestión de crear un sud dominio en el hosting que tengas alojado tu web
    pero en cambio tengo una duda como hago par que la web escluciva para smarphone sea adaptable segun el tamaño del dispositivo "el tamaño de pantalla de cualcier telefono o tablet etc"
    ;



    ResponderEliminar
  63. Excelente... ME HAS AYUDADO!!

    ResponderEliminar
  64. Muy bueno canijo... ¡MUCHÍSIMAS GRACIAS!

    ResponderEliminar
  65. Así es, Sencillo, práctico, fácil y lo mejor funciona perfecto.

    Gracias por tus aportes y por ser tan amable. Éxito!!!

    ResponderEliminar
  66. Excelente trabajo amigo. Muchas gracias por tu aporte

    ResponderEliminar
  67. Esta muy buena tu post, gracias por compartirlo.

    Trabajo con wordpress, específicamente en que archivo tendría que pegar el código. Gracias

    ResponderEliminar
  68. Hola tengo un ligero problema que me esta quitando el sueño y es que he subido una pagina a un subdominio y la puedo ver en el movil y en el pc, pero no hay manera de verla en la tablet y el navegador me dice algo como que no existe, agradeceria alguna sugerencia, gracias a todos por leerme.

    ResponderEliminar
  69. Te felicito Joason. El código funciona. Para que funcione en las tablet, si utilizamos el diseño con el tamaño de página basado en % creo que puede solucionar los inconvenientes.

    ResponderEliminar
  70. Muchas gracias eh, la verdad es que intente muchas maneras en mi blogger pero no me daban y esta sí :D

    ResponderEliminar
  71. Necesito ayuda ese codigo fuente donde la copio prque luego me aparece en la web
    miwebmovil es una diseñada para movil y tiene que estar en la raiz de la ppal?
    gracias

    ResponderEliminar
  72. Muchísimas gracias, es genial! Funciona perfecto!

    ResponderEliminar
    Respuestas
    1. Me alegro que te haya sido util , gracias por visitar mi blog.



      Saludos...

      Eliminar
  73. oye amigo excelente apunte dejeme felicitarlo por compartir estos codigos que nos sirven mucho. funciona perfecto

    de 10 puntos anotese 11

    ResponderEliminar
  74. Hola buen día, disculpen para utilizar este código necesito tener dos dominios diferentes??,, lo que pasa es que ya tengo la pagina web y quiero ponerle la de móviles, necesito un dominio diferente hasta donde yo entiendo podrían aclararme esta duda, gracias.

    ResponderEliminar
  75. Hola saludos para todos, he leído que les funciono de maravilla a muchos, a mi no me funciono, soy nuevo en esto y creo no supe en donde pegar el código, trate de pegarlo por todos lados y no me funciono, no se de programación de código, estoy usando un programa que se llama website x5, si alguien me pudiera orientar en donde pego el código se los agradecería
    gracias

    ResponderEliminar
    Respuestas
    1. hola jorge, el código ponlo entre las etiquetas de head y veras como te funciona.



      Un saludo..

      Eliminar
  76. Una cosa en el archivo html donde exactamente copio el codigo antes de la etiqueta de finalizacion de head o despues?

    ResponderEliminar
    Respuestas
    1. Hola tec, el código ponlo antes del cierre del head.



      Un saludo..

      Eliminar
  77. Me ha funcionado ok en mi sitio. me quede pensando si haria falta una pregunta, ofreciendo al usuario si quiere acceder al sitio movil. en mi caso la web movil no es tan completa como la de escritorio. saludos

    ResponderEliminar
    Respuestas
    1. Hola Alex, este código lo puedes modificar perfectamente segun tus necesidades, lo que tu propones, seria cambiar la redirección automatica de las visitas con dispositivos moviles, en vez de redireccionarlos automaticamente, decirle al código que si el visitante navega desde un dispositivo móvil le muestre un boton de ir a la versión movil.

      Gracias por visitar mi blog.

      Un saludo...

      Eliminar
  78. graciasss te agradezco muchisimo eres un genio

    ResponderEliminar
  79. Buenos dias.. Te agradezco tu aporte.
    Tengo un detalle y es que uno de mis telefonos tiene symbian y cuando uso opera mobile para entrar a la pagina me redirecciona a la version para pc.. que podria estar pasando.? o como hago para que me reconozca tambien el opera mobile.?

    ResponderEliminar
  80. Hola Joason, te agradezco por compartir este dato tan importante. Lo he incorporado y probado y realmente me ha funcionado en casi todos los mobiles. Sólo no me redirecciona en un Blackberry 8520. Tendré que agregar algún código para este modelo?
    Gracias nuevamente.
    Saludos!

    ResponderEliminar
  81. Hola buen días, he estado mirando los comentarios y me parece muy interesante tu blog, tengo un sitio web montado en joomla. Me gustaría saber donde montar el script correctamente, si en un módulo que se publique en todas las páginas o directamente en los archivos interno. Se que joomla es responsive pero por motivos de publicidad específica para moviles es que necesito montarlo en un subdominio.... y por último, cuando una persona encuentra mi sitio por x url, la redireccion lo envía al artículo o al sitio raíz?. De antemano agradezco la atención prestada.

    ResponderEliminar
    Respuestas
    1. Hola RedAnimes, el script lo bueno es que se publique en todas las páginas, y con respecto a tu segunda pregunta, NO, este script en concreto, te envia al index de tu versión movil.

      Saludos..

      Eliminar
    2. Muchas gracias por tu tiempo tan valioso, deberías crear un script en php que haga todo al tiempo... redireccionar a la version móvil y a la url en cuestión.. seria algo como .. anteponer a la url la letra del subdominio o algo asi... y COBRAR por su creación, apuesto a que tendria unas buenas ventas. Gracias por su colaboración y buenos aportes... me funcionó a la perfección

      Eliminar
  82. Sos un genio!! ha funcionado a la perfeccion, muchas gracias!

    ResponderEliminar
  83. en mi sitio le agregue este código, cuando una persona ingresa desde una versión móvil lo envíe a la url del subdominio.



    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))
    {
    var pathname = window.location.pathname;

    window.location = "http://m.redanimes.com"+pathname;

    }
    else
    {

    }

    ResponderEliminar
    Respuestas
    1. Hola RedAnimes, he visitado tu web la veo muy guapa, en cuanto al código, se puede hacer de muchas maneras lo que tu quieres, pero poner este código a la inversa, en la web movil para enviarlos a la web escritorio, te puede crear un bucle al visitante, ten cuidado con ese tema pues perderias visitantes.

      Un Saludo.

      Eliminar
  84. Hasta el momento ha funcionado bien, sin embargo, lo voy a investigar lo que me dice, ya que en la versión móvil, el código quedo a la inversa. y si una persona escribe m.sitioweb.com desde un pc, lo enviara a la url principal y viceversa, cuando ingresan desde un móvil con resultados de búsqueda de google, lo envía al articulo en cuestion. no he tenido novedades pero si vamos a probar con diferentes dispositivos.

    Agradezco su atención.

    ResponderEliminar
  85. despues de dar vueltas con los codigos de gitu y darme cuenta del servidor tercermundista no tiene una version de php actualizada, encontre esto que parece funcionar muy bien por ahora. te agradezco man! bendiciones

    ResponderEliminar
    Respuestas
    1. Me alegro Nico de que te sirviese el código.

      Un saludo.

      Eliminar
  86. Hola que tal? Como haria para que si el usuario quiera verla en forma de desktop por que al darle ver como ordenador no me redirecciona

    ResponderEliminar
    Respuestas
    1. Hola Didier, mirate esto, creo que es lo que estas buscando.

      Un saludo.

      Eliminar
  87. Genial. Funciona perfectamente. Se te agradece mucho

    ResponderEliminar
  88. Y el SEO que?? como vais a medir lo que ocurre si realmente no hay usuarios en tu web real(la pc indexada)... google o va a foooo.... para estas cosas se usa responsive o adaptable, no hay mas.
    Suerte.

    ResponderEliminar
  89. Mi pregunta es, ¿ como pondriamos la pagina destino cuando se trata de un id de una base de datos? pòr ejemplo:
    http://www.miweb_movil.com/ficha.php?id=4834

    ResponderEliminar
  90. Hola Joason:donde debo incluir ese código en cada página web? Para que me redireccione a la que sería creada para móvil...

    No lo tengo Claro. Tengo una web con muchas páginas. Pero para móvil sólo deseo que me redireccioe a unas cuántas que sonlas más importantes.

    ResponderEliminar
  91. HOla Joason: he incluido en Script entre las cabezeras Head.
    Entro con mi movil y no me redirige. He borrado historial navegador, he borrado cookies...etc...y nada.
    Mi Movil es un LG fino.
    No entiendo nada

    ResponderEliminar
    Respuestas
    1. ¿ Habrás puesto en el código la apertura y cierre del script language=javascript ?

      Eliminar
  92. Hola amigo, muchísimas gracias, está perfecto. ¡Sos un Crack!
    Para el aporte de varios que veo confundidos la solución sería la siguiente:
    En el index.html, entre la etiqueta "head" abrir una etiqueta "script" colocar este código que nos comparten en este artículo, reemplazando el link por: "www.misitio.com/movil" luego en nuestro servidor, en la carpeta raiz crear una nueva carpeta llamada "movil" y allí subiremos nuestra versión móvil de la web. Esa sería la correcta forma de que todo funcione perfecto.

    ResponderEliminar
  93. Hola, está genial!! Pero tengo una duda, si quiero aplicarlo a un link en concreto y no a una página como tendría q hacerlo. Es decir, un href q al pinchar me detecte el dispositivo y según sea uno u otro cargue una página específica para cada uno.
    Muchas gracias.

    ResponderEliminar
  94. amigo super agradecido funciono perfecto pero pon completo el ejemplo codigo con el codigo embocando el script inicial, eres un genio me funciono perfecto en mi web de www.fumigacionesbw.com gracias

    ResponderEliminar
  95. El código funciona perfecto, ni un retoque hay que hacerle. Si se quiere ver la versión web en el móvil hay que clickear en el menú del navegador "ver como ordenador", y hace la conversión correspondiente; con una particularidad que no hacían otros códigos, que es que al desclickear "ver como ordenador" redirecciona automáticamente al sitio móvil; es decir, no hay que volver a tipear el sitio o hacer un refresh de pantalla. Muy bueno.

    ResponderEliminar
  96. hola

    oyes pero dentro de index supongo y dentro de que parte del script?

    si tengo otros scritp

    ?

    ResponderEliminar
    Respuestas
    1. Hola Agustin_Luna, tienes que ponerlo:
      si es en un html, dentro de etiquetas correspondiente, si es en archivo javascript, ponerlo tal cual.

      Un saludo..

      Eliminar
  97. Estimado Joason:
    Muchas gracias por su valiosa ayuda. Es usted una persona muy generosa.
    Tengo una pregunta: ¿qué se puede insertar a tu codigo para actualizar los códigos movil.
    Gracias

    ResponderEliminar