Редирект (перенаправление) пользователя от разрешения экрана на 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 , Вебмастеру , для сайта

IRC (Internet Relay Chat)
rss