Mobiilseadmete suunamine mobiilsesse sisusse või kujundusele
Juba aastaid on eksperdid öelnud, et mobiilseadmete külastajate veebisaitide liiklus on järsult kasvanud. Sel põhjusel on paljud ettevõtted nutikalt hakanud oma veebipõhise kohaloleku jaoks mobiilset strateegiat kasutama, luues telefoni- ja muude mobiilseadmete jaoks sobivad kogemused.
Kui olete aja jooksul õppinud mobiilsidevõrgu veebilehtede kujundamise ja oma strateegia rakendamist, soovite ka veenduda, et saidi külastajad saavad neid kujundusi näha. Seda saab teha mitmel viisil ja mõned töötavad paremini kui teised. Siin on pilk meetodile, mida saate oma veebisaitidel mobiili tugiteenuste rakendamiseks kasutada - koos soovitusega lõpuks teada, milline on parim viis selle saavutamiseks tänapäeva veebis!
Esitage link teise saidi versioonile
See on kaugelt kõige lihtsam mobiiltelefoni kasutajate käsitsemise meetod. Selle asemel, et muretseda, kas teie lehed saavad või ei näe teie lehte, pange lihtsalt lehe ülaosas asuv link, mis viitab teie saidi eraldi mobiiliversioonile. Siis saavad lugejad ise valida, kas nad soovivad näha mobiiliversiooni või jätkata tavalise versiooniga.
Selle lahenduse eeliseks on see, et seda on lihtne rakendada. Selleks tuleb teil luua optimeeritud versioon mobiilseadmetele ja seejärel lisada link mingi tavaliste saidilingi ülaserva lähedale.
Puudused on:
- Saate mobiilikasutajatele saidi eraldi versiooni säilitada. Kuna teie sait saab suuremaks, võite unustada selle teise versiooni säilitamise ja saidid võivad sünkroonida.
- Kas loote ka kolmanda versiooni tablettide jaoks? Kuidas on neljas versioon vastupidavaks? See seadmespetsiifiliste versioonide kontseptsioon võib spiraali järele väga kiiresti eemalduda.
- Peate looma lehekülje ülaosale kole lehe, mida mittemudelilugenud lugejad näevad (ja võib-olla klõpsata).
Lõppkokkuvõttes on see lähenemine aegunud, mis ei ole tõenäoliselt kaasaegse mobiilsest strateegia osaks. Seda kasutatakse mõnikord stopp-lünkena, parema lahenduse väljatöötamisel aga see on tõesti lühiajaline riba-abi.
Kasutage JavaScripti
Ülalmainitud lähenemisviisi variandis kasutab mõni arendaja teatud tüüpi brauserituvastuse skripti, et tuvastada, kas klient on mobiilsideseadmes, ja suunata need seejärel sellele eraldi mobiilisaidile. Brauseri avastamise ja mobiilseadmete probleem seisneb selles, et seal on tuhandeid mobiilseadmeid. Et proovida neid kõiki ühe JavaScripti abil muuta, muudavad kõik teie lehed laadimiskaaslaseks - ja teil on endiselt samad puudused nagu ülaltoodud lähenemisviis.
Kasuta CSS-i meediumipleierit
CSS-i käsk @media pihuarvuti näib olevat ideaalne võimalus kuvada CSS-stiile ainult pihuarvutitele - näiteks mobiiltelefonidele. See tundub ideaalne lahendus mobiilseadmete lehtede kuvamiseks. Sa kirjutad ühe veebilehe ja seejärel loote kaks stiililehte. Esimesed "ekraani" meediumitüübid stiilivad teie lehte monitoride ja arvutiekraanide jaoks. Teine "käeshoitavate" stiilide puhul saate oma lehte väikeste seadmete jaoks, nagu need mobiiltelefonid. Kõlab kergelt, kuid tegelikult ei tööta see tegelikult.
Selle meetodi suurim eelis on see, et te ei pea oma veebisaidi kahte versiooni säilitama. Sa lihtsalt säilitad selle ja stiilileht määratleb, kuidas see peaks välja nägema - see on tegelikult lähemal soovitud lõppkasutajale.
Probleem selle meetodiga on see, et paljud telefonid ei toeta pihuarvutite tüüpi - nad näitavad oma lehti ekraani meediumitüübi asemel. Ja paljud vanemad mobiiltelefonid ja pihuarvutid ei toeta CSS-i üldse. Lõppkokkuvõttes on see meetod ebausaldusväärne ja seda kasutatakse harva veebilehe mobiiliversioonide edastamiseks.
Kasutaja-agenti avastamiseks kasutage PHP, JSP, ASP-i
See on palju parem viis suunata mobiilikasutajad saidi mobiiliversiooni, kuna see ei tugine skriptikeelile ega CSS-ile, mida mobiilseade ei kasuta. Selle asemel kasutab ta kasutajaagentide otsimiseks serveripoolset keelt (PHP, ASP, JSP, ColdFusion jt) ja seejärel muudab HTTP-päringut mobiili lehele suunamiseks, kui see on mobiilseade.
Lihtne PHP-kood seda teha näeb välja selline:
stristr ($ ua, "Windows CE") või
stristr ($ ua, "AvantGo") või
stristr ($ ua, "Mazingo") või
stristr ($ ua, "Mobile") või
stristr ($ ua, "T68") või
stristr ($ ua, "Syncalot") või
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
kui (isset ($ DEVICE_TYPE) ja $ DEVICE_TYPE == "MOBILE") {
$ asukoht = 'mobile / index.php';
päis ("Asukoht:". $ asukoht);
väljumine;
}
?>
Probleemiks on selles, et mobiilseadmetes on palju ja palju teisi potentsiaalseid kasutajaagente. See skript püüab ja suunab paljusid neist, kuid mitte kõik muul viisil. Ja rohkem lisandub kogu aeg.
Nagu ka teiste ülaltoodud lahenduste puhul, peate siiski pidama nende lugejate jaoks eraldi mobiilseadet! See puudus on kahe (või enama!) Veebisaidi haldamise vajadus, et leida parem lahendus.
Kasutage WURFL-i
Kui olete ikka veel otsustanud suunata oma mobiilikasutajad eraldi saidile, on WURFL (traadita universaalse ressursi fail) hea lahendus. See on XML-fail (ja nüüd DB-fail) ja mitmed DBI-teegid, mis sisaldavad mitte ainult ajakohaseid traadita kasutaja-agenti andmeid, vaid ka milliseid funktsioone ja võimalusi need kasutajate esindajad toetavad.
WURFL-i kasutamiseks laadite alla XML-i konfiguratsioonifaili ja valite oma keele ja rakenda oma veebisaidil API-d. On WURFL-i tööriistu Java, PHP, Perli, Ruby, Python, Net, XSLT ja C ++ jaoks.
WURFL-i eeliseks on see, et kogu aeg on ajakohane ja lisades konfiguratsioonifailile palju inimesi. Nii et kui kasutatav fail on aegunud peaaegu enne, kui olete selle alla laadinud, on tõenäoline, et kui laadite selle alla korra kuus, siis on teil kõik mobiilibrauserid, mida teie lugejad kasutavad tavapäraselt ilma ühtegi probleemid. Negatiivne külg on loomulikult see, et peate seda pidevalt allalaadima ja värskendama - nii saate suunata kasutajaid teisele veebisaidile ja tekitada puudusi.
Parim lahendus on vastupidav disain
Nii et kui erinevate seadmete erinevate saitide säilitamine pole vastus, mis on? Vastutustundlik veebidisain .
Vastutustundlik disain on see, kus kasutate CSS-i meediumipäringuid, et määrata stiile erinevate laiuste seadmete jaoks. Vastutustundlik disain võimaldab teil luua ühe veebi lehe nii mobiilsetele kui mitteseotud kasutajatele. Siis ei pea muretsema selle pärast, milline sisu kuvatakse mobiilisaidil või muul moel uusimaid muudatusi mobiilisaidile. Lisaks, kui olete CSS-i kirjutanud, ei pea te midagi uut allalaadima.
Vastupidine disain ei pruugi suurepäraselt töötada äärmiselt vanades seadmetes ja brauserites (enamus neist on tänapäeval väga väikeses kasutuses ja see ei tohiks teile muretseda), vaid seepärast, et see on lisand (lisades stiile sisu, mitte sisule eemal), võivad need lugejad teie veebisaiti veel lugeda, ei näe see lihtsalt oma vana seadme või brauseri jaoks ideaalset.