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

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

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

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

Вообще-то, осуществить это можно с помощью резиновой верстки или фреймворка 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.top</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: .
Всем пока!