Возможно ли, используя JQuery, перенаправить на другой index.html на основе разрешения экрана пользователя? Так, например, экраны размером до 1024 пикселей широко используются в 1024.html, а все остальные идут в обычный index.html?Перенаправление на основе разрешения экрана с помощью jQuery?
Id предпочтительнее использовать jQuery для этого. Любая помощь будет принята с благодарностью!
Спасибо!
Вам не нужно JQuery.
Вы можете использовать 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");
}
});
Эталонные ноты в answer to this question по разнице между window.location.replace и window.location.href.
Использование else заявления, как в приведенных выше результатах в бесконечном цикле ответов, если он используется для index.html (т.е. страницы, пользователь будет приземляться по умолчанию)
Для простого рабочего стола Пейджа Мобильная страница перенаправлять
<head> В вашей index.html:
<script>
if (screen.width <= 1024) {
window.location.replace("http://www.yourMobilePage.html");
}
</script>
Хорошая мысль о location.replace, но зачем ждать до document.ready? – 2010-11-24 00:59:24