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

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