¿Es posible, mediante JQuery, redirigir a un index.html diferente según la resolución de pantalla de los usuarios? Entonces, por ejemplo, las pantallas de hasta el tamaño 1024px de ancho van a 1024.html, y todas las demás van al índice normal.html?Redirigir en función de la resolución de pantalla con jQuery?
Id Preferiría utilizar jQuery para esto. ¡Cualquier ayuda sería muy apreciada!
Gracias!
No es necesario jQuery.
Puede utilizar screen.width, which works in all browsers:
if (screen.width <= 1024) window.location.replace("http://www.example.com/1024.html")
else window.location.replace("http://www.example.com/index.html")
if ($(window).width() <= 1024) location.href = "1024.html";
$(document).ready(function() {
if (screen.width >= 1024) {
window.location.replace("http://example.com/1024.html");
}
else {
window.location.replace("http://example.com/index.html");
}
});
notas de referencia en el answer to this question en la diferencia entre window.location.replace y window.location.href.
El uso de un comunicado else como en las respuestas anteriores resultados en un bucle infinito si se utiliza para el index.html (es decir, la página de un usuario aterrizará de forma predeterminada)
Para un escritorio simple página de Mobile página de redirección
En el <head> de su index.html:
<script>
if (screen.width <= 1024) {
window.location.replace("http://www.yourMobilePage.html");
}
</script>
buen punto sobre location.replace, pero ¿por qué esperar hasta document.ready? –
Sin motivo particular para document.ready, solo una respuesta natural a una pregunta de jQuery. –