Товаров:
Калі вы хочаце зрабіць версію сайта для мабільных прылад , То для рэалізацыі гэтага хачу прапанаваць адзін вельмі лёгкі спосаб.
Наогул-то, ажыццявіць гэта можна з дапамогай гумовай вёрсткі ці фреймворка 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 , вэбмайстру , для сайта
Спадабаўся пост?Спадабаўся пост?