Иногда возникает потребность делать сайты под мобильный устройства. Чтобы не тестировать под разными девайсами и не ломать себе голову как подогнать блоки сайта под все Ipod, Iphone и прочие премудрости - нашел хороший выход из подобной ситуации.

Для начала необходимо прописать следующие строчки кода:


if (window.navigator.platform == 'iPhone' && document.body.id == 'home_page') {
msg = "Would you like to use the mobile version of [% sitename %]”
if (confirm(msg)) {
path = window.location.pathname;
window.location.replace(”http://m.yoursite.com” + path);
}
}


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

Конечно, нам понадобится где-то взяьт такую версию…

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

Он рассчитан под все мобильный устройства, из под каких пользователи могут зайти на сайт

Скачать архив с шаблоном можно здесь

Вот собственно и все!