Как сделать мобильную версию сайта?

Question

[Sergey Makhyanov]

Hello, world!

Например, возьмём Тостер. У него есть мобильная версия и полный сайт. Как можно это реализовать? Как определить, что у пользователя телефон и нужно открывать мобильную версию?

Answer 1

[EvgeniyKonstantinov]

Сделать сайт на Bootstrap: getbootstrap.com , и вуаля, вы получаете мобильную версию почти автоматически.

Answer 2

[Владимир Серых]

А где вы у Тостера мобильную версию увидели? Мобильная версия — это отдельный сайт на отдельном домене или отдельный подсайт, но в любом случае — другие страницы, не те же, что и в декстопной версии.

У Тостера же страницы одни (одна версия сайта), просто используется адаптивная вёрстка с применением media queries.

Comments

[Игорь Александрович]

Согласен. Все же полноценная версия сайта может быть очень тяжелой, и хоть адаптивная верстка и сожмется под экран, все равно большое количество элементов в DOMе хорошо не скажуется на производительности.
Поэтому надо исходить из задачи. Если страница будет не сильно загруженной, смысла создавать отдельное представление нет.

Answer 3

[Игорь Александрович]

Верно.
1) Можно создать отдельную представление, со своей версткой под маленькие экраны. Как например m.vk.com
2) Адаптивная верстка, можно тот-же twitter bootstrap взять, если самому не хочется все писать.

Answer 4

[mobilman]

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