Товаров:
Якщо ви хочете зробити версію сайту для мобільних пристроїв , То для реалізації цього хочу запропонувати один дуже легкий спосіб.
Взагалі-то, здійснити це можна за допомогою гумової верстки або фреймворка 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 , Вебмастеру , для сайту
Сподобався пост?Сподобався пост?