Est-il possible, à l'aide de JQuery, de rediriger vers un index.html différent en fonction de la résolution de l'écran des utilisateurs? Ainsi, par exemple, les écrans jusqu'à 1024px de large vont à 1024.html, et tous les autres vont à l'index.html normal?Redirection basée sur la résolution d'écran avec jQuery?
De préférence, j'aime utiliser jQuery pour cela. Toute aide serait grandement appréciée!
Merci!
Vous n'avez pas besoin jQuery.
Vous pouvez utiliser 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");
}
});
notes de référence dans la answer to this question sur la différence entre window.location.replace et window.location.href.
En utilisant une déclaration else comme dans les réponses ci-dessus les résultats dans une boucle infinie si elle est utilisée pour la index.html (à savoir la page d'un utilisateur atterrira par défaut)
Pour une simple page de bureau à mobile page redirect
Dans le <head> de votre index.html:
<script>
if (screen.width <= 1024) {
window.location.replace("http://www.yourMobilePage.html");
}
</script>
bon point sur location.replace, mais pourquoi attendre document.ready? –
Aucune raison particulière pour document.ready, juste une réponse naturelle à une question jQuery. –