BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Вебмастеру » Редирект (перенаправление) пользователя от разрешения экрана на javascript

Редирект (перенаправление) пользователя от разрешения экрана на javascript

2015-05-12 / Вр:00:10 / просмотров: 8281

Редирект (перенаправление) пользователя от разрешения экрана на javascript

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

Вообще-то, осуществить это можно с помощью резиновой верстки или фреймворка bootstrap, но есть и другой более легкий способ с использованием маленького  скрипта, написанного на javascript.

Сам принцип заключается в том, что если у пользователя размер экрана 800 или меньше, скрип перекинет пользователя на мобильную версию сайта.

  1. Создайте в корне сайта папку под названием «mobila».
  2. В папке «mobila» создайте копию сайта, только с упрощенным дизайном, используя графику по минимуму.
    Например, вот так:Редирект (перенаправление) пользователя от разрешения экрана на javascript
  3. Теперь сам скрипт. Скрипт нужно вставить на все страницы обычной версии сайта между тегами <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>

Скрипт имеет минус: пользователю всегда будет открываться главная страница, а не та, по которой он шел с поисковика.

Если кто-то сможет доработать, усовершенствовать скрипт, пишите в комментариях, делитесь идеями :idea:.
Всем пока!

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

2 Ответов на комментарий - Редирект (перенаправление) пользователя от разрешения экрана на javascript

  1. Сергей

    Всё работает на ура, спасибо!

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

    Как вариант – если не много страниц сайта – перенаправить в каждой на соответствую мобильную версию. В этом случае при переходе с поисковика (ссылки на других сайтах, в соц.сетях) будет ретаргетинг на мобильную страницу с тем же контентом.

    Хотя наверняка кто-то подскажет как это можно автоматизировать и “на все случае жизни” (когда у сайта более десятка страниц, например).

  2. Степан => автор блога Степан => автор блога

    Спасибо, Сергей, за идею!

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: , , ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 802
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4573