Redireksyon aparèy mobil nan kontni mobil oswa desen
Pou ane kounye a, ekspè yo te di ke trafik sou sit entènèt nan vizitè sou aparèy mobil ki te ogmante dramatikman. Pou rezon sa a, anpil konpayi yo te smartly te kòmanse anbrase yon estrateji mobil pou prezans sou entènèt yo, kreye eksperyans ki adapte nan telefòn ak lòt aparèy mobil.
Yon fwa ou te pase tan an aprann kouman nan konsepsyon paj wèb pou telefòn mobil , ak mete ann aplikasyon estrateji ou, ou pral vle tou asire ke vizitè sit ou a ka wè sa yo desen. Gen anpil fason ou ka fè sa ak kèk travay pi byen pase lòt moun. Isit la nan yon gade nan metòd la ou ka itilize yo aplike mobil sipò sou sit entènèt ou - ansanm ak yon rekòmandasyon tou pre fen a pou sa ki metòd ki pi bon yo reyalize sa a se sou entènèt la jodi a!
Bay yon lyen nan yon lòt vèsyon sit
Sa a se, byen lwen, metòd ki pi fasil a okipe divinò telefòn selilè. Olye pou yo mangonmen si yo ka oswa ou pa ka wè paj ou a, tou senpleman mete yon lyen yon kote tou pre tèt la nan paj la ki pwen nan yon vèsyon separe mobil nan sit ou. Lè sa a, lektè yo ka tèt-chwazi si yo vle wè vèsyon an mobil oswa kontinye ak vèsyon an "nòmal".
Benefis sa a solisyon se ke li fasil aplike. Li mande ou pou kreye yon vèsyon optimisé pou mobil ak Lè sa a, ajoute yon lyen yon kote tou pre tèt la nan paj yo sit nòmal.
Dezavantaj yo se:
- Ou dwe kenbe yon vèsyon separe nan sit la pou itilizatè mobil. Kòm sit ou vin pi gwo, ou ka bliye kenbe ki vèsyon dezyèm ak sit ou ka tonbe soti nan senkronizasyon.
- Ou menm tou kreye yon vèsyon twazyèm pou tablèt? Kouman sou yon vèsyon katriyèm pou wearables? Konsèp vèsyon espesifik sa yo ka espiral soti nan kontwòl trè vit.
- Ou gen yo mete yon lyen lèd nan tèt la nan paj la ki lektè ki pa mobil mobil ka wè (epi pètèt klike sou).
Finalman, apwòch sa a se yon yon sèl demode ke se fasil yo dwe yon pati nan yon modèn mobil estrateji. Li se pafwa itilize kòm yon ranje arè-gap pandan y ap yon solisyon pi bon yo te devlope, men li se reyèlman yon kout tèm bann-èd nan pwen sa a.
Sèvi ak JavaScript
Nan yon varyasyon nan apwòch ki endike anwo a, gen kèk pwomotè itilize kèk kalite script deteksyon navigatè yo detekte si kliyan an se sou yon aparèy mobil ak Lè sa a, redireksyon yo nan ki separe mobil sit. Pwoblèm nan ak deteksyon navigatè ak aparèy mobil se ke gen dè milye de aparèy mobil yo deyò. Pou eseye detekte yo tout ak yon sèl JavaScript ta ka vire tout paj ou nan yon kochma downloading - epi ou toujou sijè a anpil nan dezavantaj yo menm jan ak apwòch la pi wo a mansyone.
Sèvi ak CSS & # 64; medya pòtatif
Kòmandman CSS la @ medya pòtatif sanble tankou li ta yon fason ideyal yo montre CSS Styles jis pou aparèy pòtatif - tankou telefòn selilè. Sa a sanble tankou yon solisyon ideyal pou montre paj pou aparèy mobil. Ou ekri yon paj entènèt ak Lè sa a, kreye de dra style. Premye a pou "ekran" medya yo kalite style paj ou a pou monitè ak ekran òdinatè. Dezyèm lan pou "pòtatif" estil paj ou a pou aparèy ti tankou sa yo telefòn mobil. Son fasil, men li pa reyèlman travay nan pratik.
Avantaj nan pi gwo metòd sa a se ke ou pa bezwen kenbe de vèsyon nan sit entènèt ou an. Ou jis kenbe yon sèl la, ak fèy la style defini ki jan li ta dwe gade - ki se aktyèlman ap resevwa pi pre solisyon an fen nou vle.
Yon pwoblèm ak metòd sa a se ke anpil telefòn pa sipòte kalite medya pòtatif yo-yo montre paj yo ak kalite medya ekran an olye. Ak anpil pi gran telefòn selilè ak ponyèt pa sipòte CSS nan tout. Nan fen a, metòd sa a se enfidèl, ak Se poutèt sa raman itilize rive delivre mobil vèsyon nan yon sit entènèt.
Itilize PHP, JSP, ASP pou detekte itilizatè ajan
Sa a se yon fason pi bon redireksyon itilizatè mobil nan yon vèsyon mobil nan sit la, paske li pa konte sou yon lang scripting oswa CSS ki aparèy mobil lan pa itilize. Olye de sa, li itilize yon lang sèvè-bò (PHP, ASP, JSP, ColdFusion, elatriye) nan gade a itilizatè-ajan ak Lè sa a, chanje HTTP demann lan nan pwen nan yon paj mobil si li nan yon aparèy mobil.
Yon kòd senp PHP pou fè sa ta ka sanble tankou:
stristr ($ ua, "Windows CE") oswa
stristr ($ ua, "AvantGo") oswa
stristr ($ ua, "Mazingo") oswa
stristr ($ ua, "mobil") oswa
stristr ($ ua, "T68") oswa
stristr ($ ua, "Syncalot") oswa
stristr ($ ua, "blazer")) {
$ DEVICE_TYPE = "MOBILE";
}}
si (isset ($ DEVICE_TYPE) ak $ DEVICE_TYPE == "MOBILE") {
$ kote = 'mobil / index.php';
header ('Kote:'. $ kote);
sòti;
}}
?>
Pwoblèm nan isit la se ke gen anpil ak anpil lòt potansyèl itilizatè-ajan ke yo itilize pa aparèy mobil. Script sa a pral trape ak redireksyon anpil nan yo men se pa tout pa nenpòt vle di. Ak plis ankò yo te ajoute tout tan tout tan an.
Plus, menm jan ak lòt solisyon yo anwo a, ou pral oblije toujou kenbe yon sit separe mobil pou sa yo lektè! Dezavantaj sa a ki gen nan jere de (oswa plis!) Sit entènèt se rezon ase yo chèche yon solisyon pi bon.
Sèvi ak WURFL
Si w ap toujou detèmine pou redireksyon itilizatè mobil ou a nan yon sit apa, Lè sa a, WURFL (Wireless Inivèsèl Resous File) se yon solisyon bon. Sa a se yon dosye XML (e kounye a, yon dosye DB) ak divès bibliyotèk DBI ki pa sèlman gen ladan moute-a-dat fil done itilizatè-ajan, men tou ki karakteristik ak kapasite sa yo itilizatè-ajan sipò.
Pou itilize WURFL, ou download dosye a konfigirasyon XML ak Lè sa a, chwazi lang ou epi aplike API la sou sit entènèt ou. Gen zouti pou itilize WURFL ak Java, PHP, Perl, Ruby, Python, Filè, XSLT, ak C ++.
Benefis la nan lè l sèvi avèk WURFL se ke gen anpil moun ki mete ajou ak ajoute nan dosye a config tout tan tout tan an. Se konsa, pandan ke dosye a w ap itilize se soti-of-dat prèske anvan ou te fini Téléchargez li, chans yo se ke si ou telechaje li yon fwa yon mwa oswa konsa, ou pral gen tout navigatè yo mobil lektè ou abitid itilize san yo pa nenpòt ki pwoblèm. Inconvénient la, nan kou, se ke ou gen toujou download yo ak aktyalizasyon sa a - tout sa ou ka dirèk itilizatè yo nan yon sit entènèt dezyèm ak dezavantaj yo ki kreye.
Solisyon ki pi bon se Design repons
Se konsa, si kenbe sit diferan pou aparèy diferan se pa repons lan, ki sa ki? Design entènèt konsepsyon .
Konsepsyon Repons lan se kote ou itilize CSS medya queries defini estil pou aparèy nan larjer divès kalite. Konsepsyon Repons pèmèt ou kreye yon paj entènèt pou tou de itilizatè mobil ak ki pa mobil. Lè sa a, ou pa bezwen enkyete sou sa ki kontni yo montre sou sit mobil la oswa sonje yo transfere dènye chanjman yo nan sit mobil ou. Plus, yon fwa ou gen CSS la ekri, ou pa bezwen telechaje anyen nouvo.
Konsepsyon Repons pa ka travay parfe sou aparèy fin vye granmoun ak navigatè (pifò nan yo ki nan ti sèvi ak jodi a epi yo pa ta dwe anpil nan yon enkyete pou ou), men paske li se aditif (ajoute estil sou kontni an, olye ke yo pran kontni lwen) sa yo lektè ap toujou kapab li sit entènèt ou, li jis pa pral gade ideyal sou aparèy fin vye granmoun oswa navigatè yo.