Para sa mga taon na ngayon, sinasabi ng mga eksperto na ang trapiko sa mga website mula sa mga bisita sa mga mobile device ay lumalaki nang malaki. Sa kadahilanang ito, maraming mga kumpanya ang may matalas na pagsisimula na yakapin ang isang mobile na diskarte para sa kanilang online presence, ang paglikha ng mga karanasan na angkop sa telepono at iba pang mga aparatong mobile.
Sa sandaling ginugol mo ang oras sa pag-aaral kung paano mag-disenyo ng mga web page para sa mga mobile phone, at pagpapatupad ng iyong diskarte, gusto mo ring tiyakin na makikita ng mga bisita ng iyong site ang mga disenyo. Mayroong maraming mga paraan na maaari mong gawin ito at ang ilan ay mas mahusay kaysa sa iba. Narito ang isang paraan sa paraan na maaari mong gamitin upang ipatupad ang mobile na suporta sa iyong mga website - kasama ang isang rekomendasyon malapit sa dulo para sa kung ano ang pinakamahusay na paraan upang makamit ito ay sa Web ngayon!
Magbigay ng isang Link sa Ibang Bersyon ng Site
Ito ay, sa ngayon, ang pinakamadaling paraan upang mahawakan ang mga gumagamit ng cell phone. Sa halip na mag-alala kung maaari nila o hindi makita ang iyong mga pahina, ilagay lamang ang isang link sa isang lugar na malapit sa tuktok ng pahina na tumuturo sa isang hiwalay na mobile na bersyon ng iyong site. Pagkatapos ay maaaring piliin ng mga mambabasa kung gusto nilang makita ang mobile na bersyon o magpatuloy sa "normal" na bersyon.
Ang pakinabang ng solusyon na ito ay madaling ipatupad. Kinakailangan mo itong lumikha ng isang na-optimize na bersyon para sa mobile at pagkatapos ay upang magdagdag ng isang link sa isang lugar na malapit sa tuktok ng normal na mga pahina ng site.
Ang mga kakulangan ay:
- Kailangan mong panatilihin ang isang hiwalay na bersyon ng site para sa mga gumagamit ng mobile. Habang ang iyong site ay makakakuha ng mas malaki, maaari mong kalimutan na mapanatili ang ikalawang bersyon at ang iyong mga site ay maaaring mahulog sa pag-sync.
- Gumawa ka ba rin ng ikatlong bersyon para sa mga tablet? Paano ang ikaapat na bersyon para sa mga wearable? Ang konsepto ng mga partikular na bersyon ng device ay maaaring maging mabilis na kontrol sa kontrol.
- Kailangan mong maglagay ng isang pangit na link sa tuktok ng pahina na maaaring makita ng mga non-mobile na mambabasa (at posibleng mag-click sa).
Sa huli, ang diskarte na ito ay isang lipas na panahon na hindi malamang na maging bahagi ng isang modernong diskarte sa mobile. Kung minsan ito ay ginagamit bilang isang stop-gap fix habang ang isang mas mahusay na solusyon ay binuo, ngunit ito ay talagang isang panandaliang band-aid sa puntong ito.
Gumamit ng JavaScript
Sa isang pagkakaiba-iba ng nabanggit na diskarte, ang ilang mga developer ay gumagamit ng ilang uri ng browser detection script upang matukoy kung ang customer ay nasa isang mobile device at pagkatapos ay i-redirect ang mga ito sa hiwalay na mobile na site. Ang problema sa pagtukoy ng browser at mga aparatong mobile ay mayroong libu-libong mga aparatong mobile na naroon. Upang subukan na makita ang lahat ng mga ito sa isang JavaScript maaaring i-on ang lahat ng iyong mga pahina sa isang pag-download ng bangungot - at pa rin ka napapailalim sa marami sa parehong mga pagkabigo bilang ang nabanggit na diskarte.
Gumamit ng CSS @media Handheld
Ang CSS command @media handheld ay parang ganito ang magiging perpektong paraan upang maipakita ang mga estilo ng CSS para lamang sa mga aparatong handheld - tulad ng mga cell phone. Tila ito ay isang perpektong solusyon para sa pagpapakita ng mga pahina para sa mga mobile device. Sumulat ka ng isang Web page at pagkatapos ay lumikha ng dalawang estilo ng sheet. Ang una para sa mga "screen" na uri ng estilo ng media ang iyong pahina para sa mga monitor at mga screen ng computer. Ang pangalawa para sa mga "handheld" na mga estilo ng iyong pahina para sa mga maliliit na device tulad ng mga mobile phone. Napakadaling tunog, ngunit hindi talaga ito gumagana sa pagsasanay.
Ang pinakamalaking bentahe ng pamamaraang ito ay hindi mo kailangang panatilihin ang dalawang bersyon ng iyong website. Pinapanatili mo lamang ang isa, at tinutukoy ng estilo ng sheet kung paano ito dapat tumingin - na kung saan ay talagang nakakakuha ng mas malapit sa solusyon sa dulo na gusto namin.
Ang isang problema sa pamamaraang ito ay ang maraming mga telepono ay hindi sumusuporta sa uri ng media - ipinapakita nila ang kanilang mga pahina sa uri ng screen na media sa halip. At maraming mas lumang mga cell phone at handheld ang hindi sumusuporta sa CSS sa lahat. Sa wakas, ang paraan na ito ay hindi kapani-paniwala at samakatuwid ay bihirang ginagamit upang maghatid ng mga mobile na bersyon ng isang website.
Gamitin ang PHP, JSP, ASP upang Makita ang User-Agent
Ito ay isang mas mahusay na paraan upang i-redirect ang mga gumagamit ng mobile sa isang mobile na bersyon ng website dahil hindi ito umaasa sa isang scripting wika o CSS na ang mga mobile na aparato ay hindi ginagamit. Sa halip, gumagamit ito ng isang wika ng server-side (PHP, ASP, JSP, ColdFusion, atbp) upang tingnan ang user-agent at pagkatapos ay baguhin ang kahilingan ng HTTP upang ituro ang isang mobile na pahina kung ito ay isang mobile device.
Ang isang simpleng PHP code na gawin ito ay magiging ganito:
Stristr ($ ua, "Windows CE") ostristr ($ ua, "AvantGo") ostristr ($ ua, "Mazingo") ostristr ($ ua, "Mobile") ostristr ($ ua, "T68") ostristr ($ ua, "Syncalot") ostristr ($ ua, "Blazer")) {$ DEVICE_TYPE = "MOBILE";}kung (isset ($ DEVICE_TYPE) at $ DEVICE_TYPE == "MOBILE") {$ location = 'mobile / index.php';header ('Lokasyon:'. $ lokasyon);lumabas;}?>
Ang problema dito ay na mayroong maraming at maraming iba pang mga potensyal na ahente ng gumagamit na ginagamit ng mga mobile device. Ang script na ito ay mahuli at i-redirect ng maraming ng mga ito ngunit hindi lahat sa anumang paraan. At higit pa ay idinagdag sa lahat ng oras.
Dagdag pa, tulad ng iba pang mga solusyon sa itaas, kailangan mo pa ring mapanatili ang isang hiwalay na mobile na site para sa mga mambabasa na ito! Ang kawalan ng kakayahang pamahalaan ang dalawang (o higit pa) na mga website ay sapat na dahilan upang maghanap ng isang mas mahusay na solusyon.
Gumamit ng WURFL
Kung natitiyak mo pa na i-redirect mo ang iyong mga mobile na gumagamit sa isang hiwalay na site, pagkatapos ay WURFL (Wireless Universal Resource File) ay isang mahusay na solusyon. Ito ay isang file na XML (at ngayon ay isang DB file) at iba't ibang mga DBI library na hindi lamang naglalaman ng up-to-date na datos ng user ng datos ng gumagamit kundi pati na rin kung aling mga tampok at kakayahan ang sinusuportahan ng mga user-agent.
Upang magamit ang WURFL, i-download mo ang file na pagsasaayos ng XML at pagkatapos ay piliin ang iyong wika at ipatupad ang API sa iyong website. May mga tool para sa paggamit ng WURFL sa Java, PHP, Perl, Ruby, Python, Net, XSLT, at C ++.
Ang benepisyo ng paggamit ng WURFL ay mayroong maraming mga tao na nag-a-update at nagdaragdag sa config file sa lahat ng oras. Kaya habang ang file na iyong ginagamit ay hindi napapanahon bago mo natapos ang pag-download nito, malamang na kung i-download mo ito ng isang beses sa isang buwan o kaya, magkakaroon ka ng lahat ng mga mobile browser na iyong mga mambabasa ay karaniwang ginagamit nang walang anumang mga problema. Ang downside, siyempre, ay kailangan mong patuloy na i-download at i-update ito - lahat upang maaari mong idirekta ang mga gumagamit sa isang pangalawang website at ang mga drawbacks na lumilikha.
Ang Pinakamagandang Solusyon Ay Nakikiramay Disenyo
Kaya kung ang pagpapanatili ng iba't ibang mga site para sa iba't ibang mga aparato ay hindi ang sagot, ano ang? Nakikiramay web disenyo.
Ang tumutugon na disenyo ay kung saan gumagamit ka ng mga query sa media ng CSS upang tukuyin ang mga estilo para sa mga aparato ng iba't ibang lapad. Ang tumutugon na disenyo ay nagbibigay-daan sa iyo upang lumikha ng isang pahina ng Web para sa parehong mga gumagamit ng mobile at hindi mobile. Kung gayon hindi mo kailangang mag-alala tungkol sa kung anong nilalaman ang ipapakita sa mobile na site o tandaan na ilipat ang pinakabagong mga pagbabago sa iyong mobile na site. Plus, sa sandaling mayroon ka ng CSS na nakasulat, hindi mo na kailangang mag-download ng anumang bagay na bago.
Ang tumutugon na disenyo ay maaaring hindi gumana nang perpekto sa mga lubhang lumang mga aparato at mga browser (karamihan sa mga ito ay napakaliit na gamitin ngayon at hindi dapat magkano ng isang mag-alala para sa iyo), ngunit dahil ito ay additive (pagdaragdag ng mga estilo sa nilalaman, sa halip na pagkuha ng nilalaman malayo) ang mga mambabasa na ito ay magagawang basahin ang iyong website, hindi ito magiging perpekto sa kanilang lumang device o browser.
