Редирект (перенаправлення) користувача від дозволу екрану на javascript

  1. Сподобався пост? Допоможи іншим дізнатися про цю статтю, кликни на кнопку соціальних мереж ↓↓↓

Якщо ви хочете зробити версію сайту для   мобільних пристроїв   , То для реалізації цього хочу запропонувати один дуже легкий спосіб

Якщо ви хочете зробити версію сайту для мобільних пристроїв , То для реалізації цього хочу запропонувати один дуже легкий спосіб.

Взагалі-то, здійснити це можна за допомогою гумової верстки або фреймворка bootstrap , Але є й інший більш легкий спосіб з використанням маленького скрипта, написаного на javascript.

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

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

Сподобався пост?
Сподобався пост?