Herlei mobiele toestelle na mobiele inhoud of ontwerpe
Vir jare het kenners gesê dat die verkeer na webwerwe van besoekers op mobiele toestelle dramaties toegeneem het. Om hierdie rede het baie maatskappye slim begin om 'n mobiele strategie vir hul aanlyn-teenwoordigheid te omhels, wat ervarings skep wat geskik is vir telefoon en ander mobiele toestelle.
Sodra jy die tyd geleer het hoe om webbladsye vir selfone te ontwerp , en om jou strategie te implementeer, wil jy ook seker maak dat die besoekers van jou webwerf daardie ontwerp kan sien. Daar is baie maniere waarop jy dit kan doen en sommige werk beter as ander. Hier is 'n blik op die metode wat jy kan gebruik om mobiele ondersteuning op jou webtuistes te implementeer - saam met 'n aanbeveling aan die einde vir wat die beste manier om dit te bereik, is op vandag se web!
Gee 'n skakel na 'n ander webwerf weergawe
Dit is verreweg die maklikste metode om selfoongebruikers te hanteer. In plaas daarvan om te bekommer of hulle jou bladsye kan of nie kan sien nie, plaas bloot 'n skakel naby die bokant van die bladsy wat na 'n aparte mobiele weergawe van jou werf verwys. Dan kan die lesers self kies of hulle die mobiele weergawe wil sien of voortgaan met die "normale" weergawe.
Die voordeel van hierdie oplossing is dat dit maklik is om te implementeer. Dit vereis dat jy 'n optimale weergawe vir selfoon skep en dan 'n skakel iewers naby die bokant van die normale werfbladsye byvoeg.
Die nadele is:
- U moet 'n aparte weergawe van die webwerf vir mobiele gebruikers handhaaf. Aangesien u webwerf groter word, kan u vergeet om daardie tweede weergawe te handhaaf en u webwerwe kan nie uit sinkronisering val nie.
- Maak jy ook 'n derde weergawe vir tablette? Hoe gaan dit met 'n vierde weergawe vir wearables? Hierdie konsep van toestelspesifieke weergawes kan baie vinnig uit beheer kom.
- Jy moet 'n lelike skakel aan die bokant van die bladsy sit wat nie-mobiele lesers kan sien (en moontlik op).
Uiteindelik is hierdie benadering 'n verouderde een wat onwaarskynlik is om deel te wees van 'n moderne mobiele strategie. Dit word soms as 'n stop-gap-oplossing gebruik, terwyl 'n beter oplossing ontwikkel word, maar dit is regtig 'n korttermyn-hulpmiddel op hierdie stadium.
Gebruik JavaScript
In 'n variasie van die bogenoemde benadering gebruik sommige ontwikkelaars 'n soort van leseropsporingskrip om te bepaal of die kliënt op 'n mobiele toestel is en dan hulle na daardie aparte mobiele webwerf herlei. Die probleem met die opsporing van blaaier en mobiele toestelle is dat daar duisende mobiele toestelle daar is. Om te probeer om hulle almal met een JavaScript op te spoor, kan al jou bladsye in 'n nagmerrie aflaai - en jy is steeds onderhewig aan baie van dieselfde nadele as die bogenoemde benadering.
Gebruik CSS & # 64; media handheld
Die CSS opdrag @ media handheld lyk asof dit 'n ideale manier sou wees om CSS-style net vir handtoestelle te vertoon - soos selfone. Dit lyk soos 'n ideale oplossing vir die vertoon van bladsye vir mobiele toestelle. Jy skryf een webblad en skep dan twee style sheets. Die eerste vir die "skerm" media tipe styl jou bladsy vir monitors en rekenaar skerms. Die tweede vir die "handheld" style jou bladsy vir klein toestelle soos daardie selfone. Klink maklik, maar dit werk nie regtig in die praktyk nie.
Die grootste voordeel vir hierdie metode is dat jy nie twee weergawes van jou webwerf hoef te onderhou nie. Jy handhaaf net die een, en die stylblad definieer hoe dit moet lyk - wat eintlik nader kom aan die eindoplossing wat ons wil hê.
'N probleem met hierdie metode is dat baie fone nie die handheld media-tipe ondersteun nie. Hulle vertoon hul bladsye met die skermmediatipe in plaas daarvan. En baie ouer selfone en handhelds ondersteun glad nie CSS nie. Uiteindelik is hierdie metode onbetroubaar en word dit selde gebruik om mobiele weergawes van 'n webwerf te lewer.
Gebruik PHP, JSP, ASP om die gebruiker-agent op te spoor
Dit is 'n baie beter manier om mobiele gebruikers na 'n mobiele weergawe van die werf te herlei, omdat dit nie staatmaak op 'n skriptaal of CSS wat die mobiele toestel nie gebruik nie. In plaas daarvan gebruik dit 'n bediener-kant taal (PHP, ASP, JSP, ColdFusion, ens.) Om na die gebruikersagent te kyk en verander dan die HTTP-versoek om na 'n mobiele bladsy te verwys as dit 'n mobiele toestel is.
'N Eenvoudige PHP-kode om dit te doen, sal soos volg lyk:
stristr ($ ua, "Windows CE") of
stristr ($ ua, "AvantGo") of
stristr ($ ua, "Mazingo") of
stristr ($ ua, "Mobile") of
stristr ($ ua, "T68") of
stristr ($ ua, "Syncalot") of
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "Mobile";
}
indien (isset ($ DEVICE_TYPE) en $ DEVICE_TYPE == "MOBILE") {
$ plek = 'n mobiele / index.php ";
koptekst ('Plek:'. $ plek);
uitgang;
}
?>
Die probleem hier is dat daar baie ander potensiële gebruikersagente is wat deur mobiele toestelle gebruik word. Hierdie skrif sal baie van hulle vang en lei, maar nie almal op enige manier nie. En meer word die hele tyd bygevoeg.
Plus, soos met die ander oplossings hierbo, moet jy nog 'n aparte mobiele webwerf vir hierdie lesers handhaaf! Hierdie nadeel om twee (of meer!) Webwerwe te bestuur, is rede genoeg om 'n beter oplossing te soek.
Gebruik WURFL
As jy steeds vasbeslote is om jou mobiele gebruikers na 'n aparte werf te lei, is WURFL (Wireless Universal Resource File) 'n goeie oplossing. Dit is 'n XML-lêer (en nou 'n DB-lêer) en verskeie DBI-biblioteke wat nie net die nuutste draadlose gebruiker-agent data bevat nie, maar ook watter funksies en funksies daardie gebruikersagente ondersteun.
Om WURFL te gebruik, laai jy die XML-konfigurasielêer af en kies jou taal en implementeer die API op jou webwerf. Daar is gereedskap vir die gebruik van WURFL met Java, PHP, Perl, Ruby, Python, Net, XSLT en C ++.
Die voordeel van die gebruik van WURFL is dat daar heelwat mense opgedateer word en al die tyd by die config-lêer voeg. Dus, terwyl die lêer wat jy gebruik, amper voor jy dit afgelaai het, is dit kanse dat as jy dit een maal per maand aflaai, sal jy al die mobiele blaaiers wat jou lesers gewoonlik gebruik sonder enige probleme. Die nadeel is natuurlik dat jy dit voortdurend moet laai en opdateer - alles sodat jy gebruikers kan lei na 'n tweede webwerf en die nadele wat dit skep.
Die beste oplossing is responsief ontwerp
So as die handhawing van verskillende webwerwe vir verskillende toestelle nie die antwoord is nie, wat is dit? Responsiewe webontwerp .
Responsiewe ontwerp is waar jy CSS-media navrae gebruik om style vir toestelle van verskillende breedtes te definieer. Responsief ontwerp laat jou toe om een webblad vir beide mobiele en nie-mobiele gebruikers te skep. Dan hoef jy nie bekommerd te wees oor watter inhoud op die mobiele webwerf vertoon moet word nie, of onthou om die nuutste veranderinge op jou mobiele webwerf oor te dra. Plus, as jy die CSS geskryf het, hoef jy niks nuuts af te laai nie.
Responsiewe ontwerp werk dalk nie perfek op baie ou toestelle en blaaiers nie (meeste daarvan is vandag baie min gebruik en moet nie baie bekommerd wees nie), maar omdat dit toevoegend is (voeg style by die inhoud, eerder as om inhoud te gebruik weg) hierdie lesers sal steeds jou webwerf kan lees, maar dit sal nie ideaal wees op hul ou toestel of blaaier nie.