Ответственный скрипт сайта

Question

Я ищу для выяснения правильного сценария, чтобы сделать мой мобильный сайт мобильным.
Как и в настоящее время, мой сайт распознается на мобильных устройствах и направляется на версию мобильного веб-сайта.
То, что я ищу, - это правильный сценарий для перенаправления/переключения моего полного сайта на мой мобильный сайт в окне браузера на рабочем столе при уменьшении (сокращении) окна браузера, что делает его отзывчивым. Вот мой текущий сценарий для мобильного редиректа:

var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); 
if (mobile) {  
    document.location = "my-mobile-site.html";  
} 

Вот что я придумал, но, очевидно, не работает:

var screen = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); 

if (screen.width <= 699) {   
    document.location = "my-mobile-site.html"; 
} 

Могу ли я закрыть?

Answer 1

Что я понимаю о вашем коде, так это то, что вы хотите определить, когда обнаружено мобильное устройство, так как Kevin B говорит, что экран является логическим значением.

if (screen) {   
    document.location = "my-mobile-site.html"; 
} 

Почему вы возвращаете HTML местоположение ?, вместо этого, вернуть файл CSS с другими свойствами

if (screen) { 
    document.location = "styles.css"; 
} 

styles.css

@media screen and (max-width: 699px) { 
    // here add your styles 
} 

жаль, если я ошибаюсь, у меня есть никогда не работал над созданием мобильных версий. Я надеюсь, что помогает;)

Answer 2

Когда вы служите различное содержание в зависимости от устройства, это не больше рассматривается как адаптивный дизайн
То, что вы пытаетесь сделать, это перенаправление на другую страницу, и это очень плохая практика для решения этой проблемы. Передняя сторона:
Перенаправление должно быть обнаружено из Back End, управляемое в зависимости от User Agent, а не экрана.
http://en.wikipedia.org/wiki/User_agent