Перенаправление на основе разрешения экрана с помощью jQuery? - PullRequest
Новая
       0

Перенаправление на основе разрешения экрана с помощью jQuery?

6 голосов
/ 24 ноября 2010

Можно ли с помощью JQuery перенаправить на другой index.html в зависимости от разрешения экрана пользователя?Так, например, экраны размером до 1024 пикселей в ширину переходят в 1024.html, а все остальные - в обычный index.html?

. Я бы предпочел использовать для этого jQuery.Любая помощь будет принята с благодарностью!

Спасибо!

Ответы [ 4 ]

4 голосов
/ 24 ноября 2010

Вам не нужен jQuery.

Вы можете использовать screen.width , , который работает во всех браузерах : 

if (screen.width <= 1024) window.location.replace("http://www.example.com/1024.html")
else window.location.replace("http://www.example.com/index.html")

См. http://www.dynamicdrive.com/dynamicindex9/info3.htm

3 голосов
/ 24 ноября 2010 
 if ($(window).width() <= 1024) location.href = "1024.html";

документы на width()

2 голосов
/ 24 ноября 2010 
$(document).ready(function() {
    if (screen.width >= 1024) {
        window.location.replace("http://example.com/1024.html");
    }
    else  {
        window.location.replace("http://example.com/index.html");
    }
});

Справочные примечания в ответе на этот вопрос о разнице между window.location.replace и window.location.href.

1 голос
/ 25 января 2015

Использование оператора else, как в приведенных выше ответах, приводит к бесконечному циклу, если он используется для index.html (т.е. страницы, на которую пользователь попадет по умолчанию)

Дляпростое перенаправление с настольной страницы на мобильную страницу

В <head> вашего index.html: 

<script>
    if (screen.width <= 1024) {
    window.location.replace("http://www.yourMobilePage.html");
}
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...