Código para reconocer móviles o tablets
6 seguidores
Hola, estoy intentando adaptar una web para móviles. Actualmente funciono con un archivo índex.html y otro mobile.html y en el primero pongo este código
<script type="text/javascript">
if($(window).width() <600){
window.location = "mobile.html";
}
</script>
Pero en el iphone lo pruebo y no va bien. He probado de cambiar el tamaño incluso hasta 1024 y nada...
Sabriais decirme porque no me funciona? o teneis algun codigo en html que funcione?
Gracias por vuestro tiempo
Un saludo
TT
ponchi
Echale un vistazo a este código, funciona bien http://mobiledetect.net
estravagancia
Si vas a tener contenidos diferentes, te recomiendo que le eches un ojo a este artículo: http://forums.adobe.com/thread/977215
En una web que me tocó migrar, me encontré con este caso.
Pero tampoco se trataba de no dar la opción de poder ver la versión de escritorio y redireccionar siempre a la versión móvil por el hecho de visitar la web desde un móvil o tablet. Por supuesto esto se hace, pero además doy la opción de poder ver la "otra versión" con un enlace en cada una de ellas para ir a la otra.
saludos
samuelvgm
Raimon
Tomo nota :)
descodificate
Gracias a todos
Habia oido hablar del Responsive Design o diseño adaptativo y me habian recomentado Twitter Bootstrap.
Las dos paginas son diferentes si es para movil o para web.
Leo, busco y intento hacer
Merciiii
TT
phpninja
Los contenidos serán iguales tanto en móviles como desktop? Incluido menú?
A) SI
- busca un framework CSS Responsive como TWitter Bootstrap.
- o Añade los media querys a tu CSS
B) NO
- busca en google "redirección moviles htaccess"
- Y monta la versión de movil con framework Responsive
No hagas la redirección con JS.
raimon
samuelvgm
Debe hacerse, sin el "de". Con el "de", el sigificado es otro, por eso lo comento, sin ironías ni cosas raras ;). Saludos,
Raimon
samuelvgm
En este caso, más que adaptar una página para que se vea en móviles, lo que estás haciendo es servir otra página distinta. Al tener (presumiblemente) casi el mismo contenido en dos páginas, serás penalizado por buscadores como Google al considerar contenido repetido. Aparte, esa solución que estás usando con JS no funcionará si no lo tienen activado, y además estás obligando al usuario a que cargue dos páginas (con todo su contenido), primero index y luego mobile.
Esto como debe de hacerse es con el uso de Media Queries que es una solución puramente CSS: http://css-tricks.com/css-media-queries/
Con esto te ahorras usar JS, mantener un único HTML, separar contenido del estilo,...