Редирект (перенаправление) пользователя от разрешения экрана на javascript
Опубликовано: 01.09.2018
Если вы хотите сделать версию сайта для мобильных устройств , то для реализации этого хочу предложить один очень легкий способ.
Вообще-то, осуществить это можно с помощью резиновой верстки или фреймворка bootstrap , но есть и другой более легкий способ с использованием маленького скрипта, написанного на javascript.
Сам принцип заключается в том, что если у пользователя размер экрана 800 или меньше, скрип перекинет пользователя на мобильную версию сайта.
Создайте в корне сайта папку под названием «mobila» . В папке «mobila» создайте копию сайта, только с упрощенным дизайном, используя графику по минимуму. Например, вот так:
Теперь сам скрипт. Скрипт нужно вставить на все страницы обычной версии сайта между тегами <head></head> :
<script type="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>○ Скрипт имеет минус : пользователю всегда будет открываться главная страница, а не та, по которой он шел с поисковика.
Если кто-то сможет доработать, усовершенствовать скрипт, пишите в комментариях, делитесь идеями 
.
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
Добавить комментарий
Метки: html , javascript , Вебмастеру , для сайта