7 начини за оптимизиране на вашия сайт за мобилни браузъри
Днес ще разгледаме някои от компонентите, които трябва да се помисли за оптимизация пи уебсайт за мобилни устройства. Прочетете продължаването на тази статия: Подобряване Mobile Web: съдържание, дизайн, електронна поща, и продажбите.
1. Tag мета Прозорецът - ширината на страницата в мобилния си браузър
По-долу искам да дам един пример за това как етикет обикновено се добавя в мета Прозорецът за маркер.
Можете да го добавите в своя Стиловете:
Маркиране на мета Прозорецът - е незаменим маркер (заедно с Media Queries), ако ще да се разработи отзивчив уеб сайт. Въпреки това, технически, можете да използвате маркера и неадаптивни дизайни.
2. Media Queries
Media заявки ви позволява да промените стила на вашия сайт с помощта на определени точки на пречупване. Не всички компоненти на традиционната вашия сайт ще се съберат по-малкия мобилен екран.
Използването Media заявки, можете да добавите opredelennnoe стилове за конкретни екрани ширина. Можем също така да добавите различни стилове, в зависимост от ориентацията на устройството и неговото пиксела дисплей плътност.
Можете да вградите Media Queries, или директно в страницата с помощта на връзка:
Или да се използва правилния код директно в Cascading Style Sheets (този метод е най-често се използва от фирми).
3. Modernizr
Modernizr ви позволява да предоставят на потребителите с по-стари браузъри като резервен вариант, като сайт лишен от различни съвременни характеристики и функции.
4. сензорно управление онлайн.
TouchSwipe е JQuery-плъгин, който ви позволява да изпълнява подкрепа за сензорен контрол на обекта (на мобилни устройства или таблети). Той поддържа набор от най-популярните вид на жестове, щипка, мащабиране и превъртане.
5. IOS икони
Първото нещо, което виждате, когато отключите своя iPhone (или Ipad), - така тази заявка икони. В допълнение към икони на приложения в IOS можете да видите иконите на уебсайтове, които са били добавени към екрана "Начало".
От друга страна, можете просто да премахнете тези връзки, но в същото време се гарантира, че иконите се съхраняват в главната директория и да имат префикс ябълка докосване-иконописци * в заглавието.
6. Скрийнсейвърът
За да добавите скрийнсейвър на вашия сайт просто въведете следните редове в главата.
Когато потребителят отвори сайта си през екрана "Начало", изображението е посочено в тази връзка, той ще бъде бързо показва на екрана на устройството.
7. Windows 8 икони
Windows 8 и RT също предлагат възможност за добавяне на икони под формата на блокове на екрана "Начало". В Windows 8, тези звена се наричат Pin Icon.
За разлика от IOS, която използва елемент връзка, Windows 8 използва мета-таг. Нека разгледаме един пример.
Първият мета таг определя цвета на клетките, втората е отговорен за образа на миниатюри. Има един сайт, наречен Build My Фиксирано на сайта, който ви позволява лесно да генерира подобни мета тагове.
В края на
Революцията на мобилни устройства се е променила начина, по който ние, уеб разработчици да създават уеб сайтове. И сега ще трябва да се вземат под внимание най-малко тези компоненти, които обсъдихме днес. Разбира се, ако искате да си сайтове изглеждаше добре на устройства, работещи на IOS и Windows 8.