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.
 

