Estoy actualizando mi web para que funcione en todos los dispositivos con media queries, como es muy visual he llegado a la conclusión que para los dispositivos mas pequeños es mejor redireccionar a una página especifica, porque me viene mejor otra estructura más simple.
Según tengo entendido esta es la mejor opción
Código:
Pero a mi me interesa mostrar la página principal en todos los navegadores incluido tablets y moviles de gran tamaño, que podrían usar ios y android, por lo tanto esto cancelaría mi opción de mostrar la página completa en estos dispositivos.var isMobile = function() { console.log("Navigator: " + navigator.userAgent); return /(iphone|ipod|ipad|android|blackberry|windows ce|palm|symbian)/i.test(navigator.userAgent); };
He encontrado estos códigos que parecen cumplir la función que quiero, en vez de por tipo de dispositivo por ancho de pantalla.
Código:
<script type="text/javascript"> <!-- if (screen.width <= 1000) { document.location = "mobile"; } //--> </script>
Código:
He probado el primero y cumple su función, aunque no se que diferencia hay entre un código u otro de estos dos últimos.// crude way to check that the screen is at 1024x768 if (window.screen.width < 1000) { // resolution is below 10 x 7 window.location = 'm.mysite.com'; //for example }
Lo que me gustaría saber es si este tipo de código javascript funciona en todo tipo de dispositivos y navegadores para cumplir con la redirección si hiciera falta.