Мобильная версия сайта

[Генерал2001]

Здравствуйте. В общем, мой вопрос:
Вот допустим я залил на хостинг две версии сайта, ну, например:
www.mysite.ru - Для ПК
m.mysite.ru - Для мобильных устройств
Как потом сделать так, чтобы, когда сидел на телефоне, отображалась только мобильная версия сайта.
Я вот пробовал писать на телефоне: www.habrahabr.ru, он автоматически перенаправлял на m.habrahabr.ru.
Может на хостинге есть такая функция?
Я тут всю голову поломал!
Или как объяснить хостингу, что:
www.mysite.ru - сайт для ПК, а
m.mysite.ru - сайт для мобильных устройств?

[Пепел Феникса]

любой скрипт первое что делает это проверяет тип устройства, если не совпадает с нужный делает редирект, все просто.
(кроме тех что POST-ы обрабатывают, там все же надо сначала обработать )

[pompiduskus]

И еще добаылю. Что сегодня СSS позволяет делать стиль универсальным. Один сайт, один стиль но с разными правилами. Ака responsive/ adaptive

[Генерал2001]

А подскажите скрипт для проверки типа устройства. Ну или как вообще это реализовать

[Генерал2001]

Ну вот, есть два сайта:
www.mysite.ru
m.mysite.ru.
Как сделать так, чтобы когда пользуешься поисковиком в ПК браузере, высвечивался в запросе только www.mysite.ru, а в поисковике андроида только m.myite.ru.
И всё!!! Мне ничего не надо больше.

[Генерал2001]

А может ли хостинг сам определять версию сайта? Может быть поэтому ставят поддомен "m": m.habrahabr.ru, m.wikipedia.org, m.google.com ... ?

[pompiduskus]

Вообще тут мы ограницены только фантазией.

Но как правило, понять что это не десктоп или не ноутбук можно, по размеру экрана.

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

пару примеров,

<script>

var uagent = navigator.userAgent.toLowerCase();

if ( uagent.search("iphone") > -1){ /*  */ }
if ( uagent.search("android") > -1){ /*  */ }
if ( uagent.search("wear") > -1){ /*  */ }
if ( uagent.search("mini") > -1){ /*  */ }


if( screen.width <= 640 ){
    // mobile
}

</script>

Вот тут ребята вообще, целые ветки развивают на эту тему. (код не мой)

var isMobile = {
    Android: function() {
        return navigator.userAgent.toLowerCase().match(/android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.toLowerCase().match(/blackberry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iphone|ipad|ipod/i);
    },
    Opera: function() {
        return navigator.userAgent.toLowerCase().match(/opera mini/i);
    },
    Windows: function() {
        return navigator.userAgent.toLowerCase().match(/iemobile/i) || navigator.userAgent.toLowerCase().match(/wpdesktop/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};

[Пепел Феникса]

Но как правило, понять что это не десктоп или не ноутбук можно, по размеру экрана.

Samsung Galaxy note 3 с ваши очень согласен
у него разрешение экрана Full HD, тоже что у моего ноута.
а у старого моего планшета 1024*768

вообще действительно боюсь проще через JS, надежнее выйдет.
ну и всегда можно совместить CSS+JS(например JS определяет что это моб, потом подключает CSS, в котором мы уже немного переопределяем разметку)

[pompiduskus]

Сообщение от Пепел Феникса

Samsung Galaxy note 3 с ваши очень согласен
у него разрешение экрана Full HD, тоже что у моего ноута.

Совершенно верно сказано, я об этом тоже сказал

Скорее всего тут нужна копмозитная стратегия. И JS+CSS+ (если есть возможность PHP). И то даже при таком раскладе нет 100% гарантии. Но будет уже очень близко.

[come-on]

лучше по возможности такое отдать серверу а не юзер-коду