перенаправлять на мобильный, используя ширину браузера, а не ширину экрана

Question

Я хочу перенаправить мой сайт на мобильную версию, указав ширину браузера, как против screen.width, это возможно? Вот код, я хочу изменить ...

<script type="text/javascript"> 


<!-- 
if (screen.width <= 767) { 
    window.location = "http://m.mysite.com"; 
} 
//--> 
</script> 

screen.width не кажется, чтобы дать достоверный ответ, как разрешение настолько высоко, на мобильных телефонах (я думаю, что это вопрос). поэтому, когда я устанавливаю цифру выше, он начинает загружать мобильный сайт на Ipads или небольшие настольные браузеры.

Идентификатор скорее не спускается по маршруту пользовательского агента, потому что я не хочу проверять каждый сайт каждый раз, когда выйдет новый телефон.

спасибо.

Answer 1

Я не очень хорошо разбираюсь в этой проблеме, но, чтобы помочь вам, я немного поработал с поисковыми системами, я нашел некоторые статьи, которые могут вам пригодиться, они включают PHP, Javascript и некоторую документацию о том, как & почему ,

Возможно, вы найдете это полезным.

1:

http://twoninewebdesign.com/2012/01/Admin/mobile-device-redirect-for-your-website/

2:

http://mobithinking.com/guide-device-detection

3:

http://www.webhostinghub.com/support/website/how-to/mobile-redirect

Sincerly, Хармен Бринкман.

Answer 2

Я решил пойти на комбинацию пользовательского агента, ширины экрана и ширины окна. Это должно сделать его максимально точным.

Я использовал PHP код здесь ... http://detectmobilebrowsers.com/ И отредактировал мой JavaScript немного ..

<script type="text/javascript"> 

windowWidth = window.innerWidth; 
<!-- 

if (screen.width <= 767 || windowWidth <= 767) { 
    window.location = "http://m.mysite.com"; 
} 
//--> 
</script> 
<?php //CODE FROM LINK ABOVE ?>