Пренасочување на мобилни уреди на мобилни содржини или дизајни
Веќе неколку години експертите велат дека сообраќајот на веб-сајтови од посетители на мобилни уреди драматично се зголемува. Поради оваа причина, многу компании имаат умно започнаа да прифаќаат мобилна стратегија за нивното онлајн присуство, создавајќи искуства кои се соодветни за телефон и други мобилни уреди.
Откако ќе го поминете времето за учење како да дизајнирате веб страници за мобилни телефони и за спроведување на вашата стратегија, исто така ќе сакате да бидете сигурни дека посетителите на вашиот сајт може да ги видат тие дизајни. Постојат многу начини на кои можете да го направите ова, а некои работат подобро од другите. Еве еден поглед на методот што можете да го користите за да ја имплементирате мобилната поддршка на вашите веб-страници - заедно со препорака во близина на крај за тоа што е најдобриот метод за да се постигне ова е на денешната интернет!
Обезбеди линк до друга верзија на веб-страница
Ова е далеку од најлесниот начин да се справат со корисниците на мобилни телефони. Наместо да се грижите дали можат или не можат да ги видат вашите страници, едноставно ставете врска некаде во близина на врвот на страницата која укажува на посебна мобилна верзија на вашиот сајт. Тогаш читателите можат само да одберат дали сакаат да ја видат верзијата за мобилен телефон или да продолжат со "нормална" верзија.
Придобивката од ова решение е тоа што е лесно да се имплементира. Тоа бара да креирате оптимизирана верзија за мобилни и потоа да додадете врска некаде во близина на врвот на нормалните страници на страницата.
Недостатоците се:
- Треба да одржите посебна верзија на страницата за мобилни корисници. Како што вашиот сајт станува поголем, можеби ќе заборавите да ја задржите втората верзија и вашите веб-страници би можеле да исчезнат од синхронизација.
- Дали исто така создавате и трета верзија за таблети? Како за четврта верзија за облека? Овој концепт на верзии специфични за уредот може многу брзо да излезе од контрола.
- Треба да ставите грда врска на врвот на страницата што читателите на не-мобилни уреди можат да ги видат (а можеби и да кликнат на).
На крајот на краиштата, овој пристап е застарен, кој е малку веројатно да биде дел од модерната мобилна стратегија. Понекогаш се користи како поправен дупка, додека се развива подобро решение, но тоа е навистина краткорочна помош во овој момент.
Користете JavaScript
Во варијација на погоре споменатиот пристап, некој развивач користи некој вид скрипта за откривање на прелистувачот за да открие дали клиентот е на мобилен уред и потоа ги пренасочи кон тоа посебно место за мобилни уреди. Проблемот со откривањето на прелистувачот и мобилните уреди е дека има илјадници мобилни уреди таму. Да се обиде да ги детектира сите со еден JavaScript, може да ги претворат сите ваши страници во кошмар за превземање - и сеуште сте подложени на многу од истите недостатоци како горенаведениот пристап.
Користете рачни медиуми на CSS
Командата CSS команда @media рачно изгледа како да биде идеален начин за прикажување на CSS стилови само за рачни уреди - како мобилни телефони. Ова изгледа како идеално решение за прикажување страници за мобилни уреди. Вие пишувате една веб-страница, а потоа креирате два стилски листови. Првиот за медиумскиот тип "екран" ја стимулира вашата страница за монитори и компјутерски екрани. Втората за "рачни" ја стимулира вашата страница за мали уреди како оние мобилни телефони. Звучи лесно, но тоа всушност не функционира во пракса.
Најголемата предност на овој метод е тоа што не мора да одржувате две верзии на вашата веб-страница. Вие само го одржувате еден, а листот за стилот дефинира како треба да изгледа - што всушност се доближува до крајното решение што го сакаме.
Проблем со овој метод е тоа што многу телефони не го поддржуваат рачниот медиумски тип - тие ги прикажуваат нивните страници со тип на медиумски тип наместо. И многу постари мобилни телефони и рачни компјутери воопшто не поддржуваат CSS. На крајот, овој метод е несигурен, и поради тоа ретко се користи за да се испорача мобилни верзии на веб-страница.
Користете PHP, JSP, ASP за да го откриете корисничкиот агент
Ова е многу подобар начин за пренасочување на мобилните корисници на мобилната верзија на страницата, бидејќи не се потпира на јазик за скриптирање или на CSS што мобилниот уред не го користи. Наместо тоа, тој користи серверски јазик (PHP, ASP, JSP, ColdFusion, итн.) За да го разгледа корисничкиот агент и потоа да го промени HTTP-барањето за да посочи на мобилна страница ако е мобилен уред.
Едноставен PHP код за да го направите ова ќе изгледа вака:
stristr ($ ua, "Windows CE") или
stristr ($ ua, "AvantGo") или
stristr ($ ua, "Mazingo") или
stristr ($ ua, "мобилен") или
stristr ($ ua, "T68") или
stristr ($ ua, "Syncalot") или
stristr ($ ua, "блејзер")) {
$ DEVICE_TYPE = "МОБИЛНО";
}
ако (isset ($ DEVICE_TYPE) и $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php';
header ('Локација:'. $ локација);
излез;
}
?>
Проблемот овде е дека има многу и многу други потенцијални кориснички агенти кои се користат од мобилни уреди. Оваа скрипта ќе ги фати и пренасочи многу од нив, но не сите со никакви средства. И повеќе се додаваат цело време.
Плус, како и со другите решенија погоре, ќе мора да сеуште треба да одржувате посебен мобилен сајт за овие читатели! Овој недостаток од потребата да управувате со две (или повеќе!) Веб-страници е доволна причина да побарате подобро решение.
Користете WURFL
Доколку сеуште сте решени да ги пренасочите вашите мобилни корисници на посебна страница, тогаш WURFL (Wireless Universal File File) е добро решение. Ова е XML-датотека (и сега е DB-датотека) и разни DBI-библиотеки кои не само што содржат ажурирани податоци за безжичен кориснички агент, туку и кои карактеристики и способности ги поддржуваат тие кориснички агенти.
За да користите WURFL, преземате XML-конфигурациска датотека, а потоа изберете го вашиот јазик и имплементирајте API на вашата веб-страница. Постојат алатки за користење на WURFL со Java, PHP, Perl, Ruby, Python, Net, XSLT и C + +.
Во корист на користење на WURFL е дека има многу луѓе ажурирање и додавање на конфигурационата датотека цело време. Значи, додека датотеката што ја користите е застарена пред да завршиш да ја преземете, шансите се дека ако го преземете еднаш месечно или така, ќе ги имате сите пребарувачи на мобилни уреди кои вашите читатели вообичаено ги користат без проблеми. Недостатоци, се разбира, е дека треба постојано да го преземате и ажурирате ова - сите за да можете да ги насочите корисниците кон втората веб-страница и недостатоците што ги создава.
Најдобро решение е реагирачки дизајн
Значи, ако одржување на различни сајтови за различни уреди не е одговорот, што е? Отворени веб дизајн .
Реагирачки дизајн е местото каде што користите CSS медиумски прашања за дефинирање на стилови за уреди со различни ширини. Отворениот дизајн ви овозможува да креирате една веб-страница за корисници на мобилни и не-мобилни уреди. Тогаш не мора да се грижите за тоа која содржина да се прикажува на мобилниот сајт или не заборавајте да ги пренесе најновите промени на вашиот мобилен сајт. Плус, откако ќе го напишете CSS, не мора да преземате ништо ново.
Отворениот дизајн не може да работи совршено на исклучително стари уреди и прелистувачи (повеќето од нив се во многу мала употреба денес и не треба да бидат многу загрижени за вас), туку затоа што тоа е додаток (додавајќи стилови врз содржината, наместо да ги земате содржините далеку) овие читатели сеуште ќе можат да го прочитаат вашиот веб-сајт, тоа едноставно нема да изгледаат идеално на нивниот стар уред или прелистувач.