Если вы хотите сделать версию сайта для мобильных устройств, то для реализации этого хочу предложить один очень легкий способ.
Вообще-то, осуществить это можно с помощью резиновой верстки или фреймворка bootstrap, но есть и другой более легкий способ с использованием маленького скрипта, написанного на javascript.
Сам принцип заключается в том, что если у пользователя размер экрана 800 или меньше, скрип перекинет пользователя на мобильную версию сайта.
- Создайте в корне сайта папку под названием «mobila».
- В папке «mobila» создайте копию сайта, только с упрощенным дизайном, используя графику по минимуму.
Например, вот так: - Теперь сам скрипт. Скрипт нужно вставить на все страницы обычной версии сайта между тегами <head></head>:
<script ENGINE="text/javascript"> if(screen.width <= 800){ location.href='mobila/index.html'; } </script>
Если разрешение (размер) экрана у пользователя будет 800 или меньше, он попадет на мобильную версию сайт (mobila/index.html). Если вам нужно увеличить разрешение экрана, исправьте 800 на нужный размер.
В итоге, готовый код:
<html> <head> <title>Редирект (перенаправление) пользователя в зависимости от разрешения экрана на javascript - BlogGood.ru</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> if(screen.width <= 800){ location.href='mobila/index.html'; } </script> </head> <body> текст </body> </html>
○ Скрипт имеет минус: пользователю всегда будет открываться главная страница, а не та, по которой он шел с поисковика.
Если кто-то сможет доработать, усовершенствовать скрипт, пишите в комментариях, делитесь идеями .
Всем пока!
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
-
Как узнать id компьютера
Дата: 29 марта 2013
Прокомментировано:90
просмотров: 330346 -
Размеры форматов листов А0 – А7
Дата: 23 января 2013
Прокомментировано:3
просмотров: 274701 -
Смешные логические загадки с подвохом, отгадки прилагаются
Дата: 12 ноября 2014
Прокомментировано:5
просмотров: 222534 -
Готовые макеты блоков для веб-страниц на HTML и CSS
Дата: 25 июня 2014
Прокомментировано:23
просмотров: 187742 -
Установка windows 7 на ноутбук
Дата: 18 декабря 2012
Прокомментировано:169
просмотров: 186564
2 Ответов на комментарий - Редирект (перенаправление) пользователя от разрешения экрана на javascript
Добавить комментарий
Метки: html, javascript, Вебмастеру, для сайта
Всё работает на ура, спасибо!
По поводу:
Скрипт имеет минус: пользователю всегда будет открываться главная страница, а не та, по которой он шел с поисковика.
Если кто-то сможет доработать, усовершенствовать скрипт, пишите в комментариях, делитесь идеями
Как вариант – если не много страниц сайта – перенаправить в каждой на соответствую мобильную версию. В этом случае при переходе с поисковика (ссылки на других сайтах, в соц.сетях) будет ретаргетинг на мобильную страницу с тем же контентом.
Хотя наверняка кто-то подскажет как это можно автоматизировать и “на все случае жизни” (когда у сайта более десятка страниц, например).
Спасибо, Сергей, за идею!