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.
- var device = navigator.userAgent
- //creado por https://joason.com
- 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))
- {
- window.location = "http://www.miwebmovil.com/";
- }
- else
- {
- }
* Añadidos nuevos dispositivos.
Espero que os sea de utilidad.
Un saludo....
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!
ResponderEliminarGracias socio!
Gracias por el comentario..
EliminarUn saludo..
pero cada pagina tiene un diseño y un nombre distinto?
Eliminardonde copio ese codigo? miwebmovil es la diseñada para movil? gracias
EliminarHola, 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.
ResponderEliminarSaludos, mil gracias
Hola Alfedo, es muy facil, solo tienes que quitar del cógigo lo que se refiere al ipad, seria modificar esta linea
Eliminar| 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....
Hoola, de nuevo yo.
EliminarYa quiete el iPad pero me sigue mandando a la versión mobile, que puedo hacer.
Saludos, mil gracias.
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..
EliminarUm saludo..
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 ^-^)
ResponderEliminarGracias por comentar, no te entiendo muy bien la pregunta, pero que si detecta android y opera mini y redirecciona perfectamente.
EliminarUn saludo
hola este codigo puede pegarse en un archivo html?
ResponderEliminarHola, este codigo lo puedes poner en html, tiene que ir dentro de etiquetas de javascript. Seria acomo esto:
Eliminar<script languaje="JavaScript">
aquí pegar el codigo
</script>
Espero que te sirva..
Un saludo...
Funciona a la perfección, gracias.
ResponderEliminarGracias por comentar..
EliminarUn saludo...
Una pregunta... Si yo uso este código, luego podría permitir que el dispositivo móvil muestre la página original?
ResponderEliminarSuponiendo 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!
Hola SauliusRosales, con este código no te mostrará la página original, siempre te reenviará a la web móvil..
Eliminarsaludos..
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
ResponderEliminarHola, 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..
EliminarUn saludo...
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...
ResponderEliminarHola, 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:
Eliminar<?php
$navegador = $_SERVER['HTTP_USER_AGENT'];
print "Navegas con : $navegador";
?>
Ya me comentaras si se soluciona tu problema.
Un saludo..
Hola...Perdon, entonces como quedaria mi codigo quitando los demas exploradores...
ResponderEliminarSaludos...
Hola de nuevo, tendrás que quitar del código lo siguiente:
Eliminar"| 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...
Hola, me parece genial el código. Voy a probarlo y ya te digo algo. Gracias por tu aportacion!
ResponderEliminarGracias por comentar.
EliminarUn saludo..
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..
ResponderEliminarHola 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.
EliminarUn saludo...
para complementar la ayuda veamoslo asi:
Eliminarif(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.
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
ResponderEliminarHola, 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..
EliminarUn saludo...
te paso la url de mi sitio, www.decorfunlove.com espero puedas ayudarme gracias y disculpa por las molestias..
ResponderEliminarDespué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,
Eliminarwindow.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...
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 !!
EliminarMuchas 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.
ResponderEliminarHola Ivan, gracias por el comentario, lo que quieres hacer no se puede con este script, tendrías que hacerlo en PHP.
EliminarUn saludo..
Hola de nuevo Ivan, aquí te dejo como volver a la versión web utilizando este código y haciendo uso de las cookies.
EliminarSaludos...
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.
ResponderEliminarSaludos!!
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:
EliminarDetectar 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..
eres muy kapo..!!! es una ayuda increible la que estas dando.
ResponderEliminarpero 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 ??
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
Eliminar<script type="text/javascript" src="AQUÍ LA RUTA DE TU ARCHIVO .JS"></script>
para ponerlo dentro de html ya se comentó Aquí
Un saludo
gracias estimado,me jalo al 100...toy probando y haciendo la pagina para moviles...
ResponderEliminarGracias a ti por comentar..
EliminarUn saludo
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.?
EliminarTU CODIGO INSERTADO EN HTML NO SIRVE, USANDO LA DESCRIPCION DE MAS ARRIVA DE SCRIPT
ResponderEliminarSALUDOS
El código funciona igual en un archivo .js que dentro de tu html con sus etiquetas de javascript.
Eliminar<script type="text/javascript">
AQUÍ EL CÓDIGO
</script>
Un saludo..
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.
ResponderEliminarUn saludo..
Muchas gracias, funciona muy bien!
ResponderEliminarLo 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!
Gracias por tu comentario, como bien dices, el script debe ir en la versión web.
EliminarUn saludo...
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!!!
ResponderEliminarhola 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%
Eliminarseria: width="100%"
con esto la web se adaptará al ancho de la pantalla del dispositivo.
Un saludo..
Gracias Viejo...!
ResponderEliminarGracias a ti por comentar.
EliminarUn saludo...
muy bien el codigo pero si entro desde un iphone 3g no la direcciona, saben algo del tema??
ResponderEliminarHola 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.
EliminarUn saludo...
Bueno el post me sirvio mucho
ResponderEliminarGracias
Me alegro que te haya sido útil.
EliminarUn saludo...
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
ResponderEliminarleyendo un poco mas me surgio otra duda amigo veras veo que el codigo dice
Eliminarwindow.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
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
Eliminary 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...
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
EliminarHola 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.
EliminarUn saludo...
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
ResponderEliminarEs muy sencillo, aquí ya hemos comentado como hacerlo.
EliminarUn saludo...
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
ResponderEliminarEs así?
me refiero a poner al princio y al final del codigo las lineas de script, es que no me deja publicar esas lineas
ResponderEliminares que estoy probando y poniendolo en el inicio del index, me sale la pagina en blanco, perdona el la pesadez
ResponderEliminarYa 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
ResponderEliminarMe 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.
EliminarUn saludo...
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
ResponderEliminarIncluir 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.
EliminarSaludos...
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
ResponderEliminarok, en cuanto tenga un poco de tiempo te saco un poco de ese código para que veas como se hace..
EliminarUn saludo...
gracias por el a porte si me funciona te agradecere
ResponderEliminarGracias por comentar, seguro que te funcionará.
EliminarUn saludo...
Grande Joason, gran enseñanza con pocas palabras e imediatos resultados, tipico de un maestro.
ResponderEliminarLamento el anonimato.
Se agradecen esas palabras.
EliminarUn saludo...
Gracias compadreeeeeeeeeee!! me salvaste la vida!!
ResponderEliminarMe alegro que te haya sido útil.
EliminarUn saludo...
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
ResponderEliminarhola davidoff m, aquí ya se ha comentado lo que tu preguntas.
EliminarUn saludo...
Super Viejo , Mil gracias
ResponderEliminar¡Muchas gracias!
ResponderEliminarGracias a ti Roberto por comentar.
EliminarUn saludo...
Viejo sos un semi dios...
ResponderEliminarDespues de tanta prueba tu code me funco de 100%
Gracias desde Lima Peru, James Vidal
Hola James Vidal, me alegro que te haya sido útil, gracias por el comentario .
EliminarUn saludo...
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
ResponderEliminarMuchas gracias, por este post.
Saludos
Gracias reparapcs por visitar mi blog, me alegro que te haya sido útil la informacón.
EliminarUn saludo..
Buenisimo - funciono a la primera.
ResponderEliminarGracias por comentar.
EliminarUn saludo...
ResponderEliminarexclente 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!!
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.
EliminarUn saludo..
del carajo !! muchas gracias funciona perfecto
ResponderEliminarMe alegro que te haya sido útil.
EliminarUn saludo...
si necesito un url para cada dispositivo diferente como prodria hacer :(
ResponderEliminarHola, tendrías que separa el cógigo por móviles y redireccionarloscada uno a su página, teria esto:
Eliminarif (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...
Lo hice asi
Eliminarvar 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
Hola de nuevo, tines un pequeño error, te lo dejo correjido, pruba con esto:
Eliminarif (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...
Muchas gracias si era eso :D gracias por tu aporte
EliminarMe alegro, gracias a ti por visitar mi blog.
EliminarSaludos...
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
ResponderEliminarGracias por tu comentario, ahora me pasaré por tu web y le heho un vistazo.
EliminarUn saludo...
Hoye este codigo es para PHP?, donde tengo que pegar este codigo?
ResponderEliminarEste código lo puedes poner en php, html o en un archivo.js
EliminarHola necesito ayuda podria ser por inbox?
ResponderEliminarHola 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.
EliminarSaludos..
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
EliminarMe podeis encontrar en facebook, twitter y tambien podeis contactar con migo en el formulario de contacto.
EliminarSaludos...
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 !!
ResponderEliminarHola 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.
EliminarUn saludo..
Tu me habeis Gustado para Socio... xD
ResponderEliminarGracias John Kurosaki..
EliminarSaludos...
eres la 8 maravilla mi hermano!!!
ResponderEliminargracias
Gracias Link Nas por visitar mi blog.
EliminarUn saludo..
Está mas claro que el agua, no queda ninguna duda
ResponderEliminarGracias
Gracias F Palafox por comentar.
EliminarSaludos...
Graciassssssss, te debo mucho con este código, me funciono!!!
ResponderEliminarGracias Marianne por visitar mi blog.
EliminarUn saludo...
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!
ResponderEliminarLa mejor manera que he resuelto este tema, ha sido utilizando cookies, en esta entrada comento como hacerlo.
Eliminarvolvera a la version web desde la version movil
Un saludo...
buenas amigo si quisiera como redireccionar solo para tablet ...bueno ayudame gracias
ResponderEliminarUna buena opción sería redireccionar por tamaño de pantalla..
EliminarSaludos..
hola
ResponderEliminarhe colocado el código, pero en PC de resoluciones de 640 .... , se me redirige a la web movil...
como evitar esto en PCs
gracias
Pon una condicional que detecte la resolución y navegador móvil, con esto se solucionará.
EliminarSaludos...
hola
Eliminarte importaria indicarme como seria el código.
muchiiiisimas gracias
seria algo como esto:
Eliminarsi (es-navegador-mobil || tiene-menos-de-400px)
{
window.location = "http://www.miwebmovil.com/";
}
saludos..
hola, otra pregunta.
ResponderEliminardonde 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
El código lo pones en el index, para volver ala web clasica lo he contestado aquí
Eliminar.
Saludos...
Hola
ResponderEliminarJusto 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
Hola César A. Pineda D., una buena sollución es que redireccione por tamaño de pantalla.
EliminarSaludos...
Hola Joason
EliminarMira 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
Hola,
ResponderEliminarQuisiera saber como hacer para que este código solo funcione cuando se de click sobre una imagen?
Gracias por tu ayuda!!
Hola sacampos739, si lo que quieres es que cuando den click en una imagen te envie a la web movil seria algo como esto:
Eliminar<a href="http://www.miweb-movil" title="" ><img src="url-de-la-imagen" alt="" ></a>
Un saludo...
Hola,
EliminarGracias 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.
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.
EliminarSaludos..
hola joason, es para decirte que nunca he visto alguien con tanta paciencia y predisposición, ya estas listo para soportar el matrimonio!
ResponderEliminarsaludos
je,je,je, eso ya son palabras mayores!!
EliminarGracias por visitar el blog.
Saludos....
Hola Joason, excelente trabajo y blog. He leido todo el post porque estaba buscando algo así y voy a probarlo.
ResponderEliminarTengo 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.
Hola Nino, para darle la opción de volver a la web principal aquí tienes un tutorial y para resulucion de pantalla seria:
Eliminarsi resolucion < 899px {
lo redireccionamos
}
else {
}
seria algo como esto.
Saludos...
Buenos días.
ResponderEliminarMuchas gracias por la aportación.
Excelente día.
Gracias Koushi por visitar el blog.
EliminarUn saludo..
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?
ResponderEliminarMi sitio web es www.zaragoza-cerrajeros.net
http//:www.zaragoza-cerrajeros.net
ResponderEliminarHola 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
ResponderEliminarYa que si alguien entra directamente al link movil yo quiero que lo mande a la principal como http://m.youtube.com/
ResponderEliminarHola 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
Eliminar{
window.location = "http://www.miwebmovil.com/";
}
else
{
}
por:
{
}
else
{
window.location = "http://www.webclasica.com/";
}
Un saludo..
es mas direcionar al sud dominio ejm
ResponderEliminarwindow.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"
;
Excelente... ME HAS AYUDADO!!
ResponderEliminarMuy bueno canijo... ¡MUCHÍSIMAS GRACIAS!
ResponderEliminarAsí es, Sencillo, práctico, fácil y lo mejor funciona perfecto.
ResponderEliminarGracias por tus aportes y por ser tan amable. Éxito!!!
Excelente trabajo amigo. Muchas gracias por tu aporte
ResponderEliminarEsta muy buena tu post, gracias por compartirlo.
ResponderEliminarTrabajo con wordpress, específicamente en que archivo tendría que pegar el código. Gracias
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.
ResponderEliminarTe 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.
ResponderEliminarMuchas gracias eh, la verdad es que intente muchas maneras en mi blogger pero no me daban y esta sí :D
ResponderEliminarNecesito ayuda ese codigo fuente donde la copio prque luego me aparece en la web
ResponderEliminarmiwebmovil es una diseñada para movil y tiene que estar en la raiz de la ppal?
gracias
En la pagina index, entre las etiquetas HEAD
EliminarMuchísimas gracias, es genial! Funciona perfecto!
ResponderEliminarMe alegro que te haya sido util , gracias por visitar mi blog.
EliminarSaludos...
oye amigo excelente apunte dejeme felicitarlo por compartir estos codigos que nos sirven mucho. funciona perfecto
ResponderEliminarde 10 puntos anotese 11
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.
ResponderEliminarGracias funciono
ResponderEliminarGracias a ti por visitar mi blog.
EliminarUn saludo.
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
ResponderEliminargracias
hola jorge, el código ponlo entre las etiquetas de head y veras como te funciona.
EliminarUn saludo..
Una cosa en el archivo html donde exactamente copio el codigo antes de la etiqueta de finalizacion de head o despues?
ResponderEliminarHola tec, el código ponlo antes del cierre del head.
EliminarUn saludo..
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
ResponderEliminarHola 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.
EliminarGracias por visitar mi blog.
Un saludo...
graciasss te agradezco muchisimo eres un genio
ResponderEliminarGracias a ti Benjamin por visitar mi blog.
EliminarSaludos..
Buenos dias.. Te agradezco tu aporte.
ResponderEliminarTengo 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.?
GRACIAS AMIGO
ResponderEliminarGracias Welcome por visitar mi blog.
EliminarSaludos..
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?
ResponderEliminarGracias nuevamente.
Saludos!
Gracias Gaston por visitar mi blog.
EliminarUn Saludo..
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.
ResponderEliminarHola 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.
EliminarSaludos..
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
EliminarSos un genio!! ha funcionado a la perfeccion, muchas gracias!
ResponderEliminargracias a ti por visitar mi blog.
EliminarUn saludo.
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.
ResponderEliminarvar 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
{
}
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.
EliminarUn Saludo.
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.
ResponderEliminarAgradezco su atención.
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
ResponderEliminarMe alegro Nico de que te sirviese el código.
EliminarUn saludo.
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
ResponderEliminarHola Didier, mirate esto, creo que es lo que estas buscando.
EliminarUn saludo.
Genial. Funciona perfectamente. Se te agradece mucho
ResponderEliminarGracias Arman J.C. por comentar.
EliminarUn saludo..
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.
ResponderEliminarSuerte.
Mi pregunta es, ¿ como pondriamos la pagina destino cuando se trata de un id de una base de datos? pòr ejemplo:
ResponderEliminarhttp://www.miweb_movil.com/ficha.php?id=4834
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...
ResponderEliminarNo 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.
HOla Joason: he incluido en Script entre las cabezeras Head.
ResponderEliminarEntro 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
¿ Habrás puesto en el código la apertura y cierre del script language=javascript ?
EliminarHola amigo, muchísimas gracias, está perfecto. ¡Sos un Crack!
ResponderEliminarPara 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.
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.
ResponderEliminarMuchas gracias.
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
ResponderEliminarEl 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.
ResponderEliminarhola
ResponderEliminaroyes pero dentro de index supongo y dentro de que parte del script?
si tengo otros scritp
?
Hola Agustin_Luna, tienes que ponerlo:
Eliminarsi es en un html, dentro de etiquetas correspondiente, si es en archivo javascript, ponerlo tal cual.
Un saludo..
Estimado Joason:
ResponderEliminarMuchas 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