Devijoni pajisjet celulare në përmbajtje ose dizajne mobile
Për vite me radhë, ekspertët kanë thënë se trafiku në faqet e internetit nga vizitorët në pajisjet mobile ka qenë në rritje dramatike. Për këtë arsye, shumë kompani kanë filluar të përqafojnë një strategji mobile për praninë e tyre në internet, duke krijuar përvoja të përshtatshme për telefon dhe pajisje të tjera mobile.
Sapo ta keni kaluar kohën duke mësuar se si të krijoni faqe interneti për telefonat celularë dhe duke zbatuar strategjinë tuaj, do të dëshironi gjithashtu që të siguroheni që vizitorët e faqes suaj t'i shohin këto dizajne. Ka shumë mënyra për ta bërë këtë dhe disa të punojnë më mirë se të tjerët. Këtu është një vështrim në metodën që mund të përdorni për të zbatuar mbështetjen e celularëve në faqet e internetit - së bashku me një rekomandim në fund të fundit për atë se cila metodë më e mirë për të arritur këtë është në Web-in e sotme!
Jepni një Lidhje me një Version tjetër të Faqes
Kjo është, deri tani, metoda më e lehtë për të trajtuar përdoruesit e telefonave celularë. Në vend që të shqetësoheni nëse ata mund ose nuk mund t'i shohin faqet tuaja, thjesht vendosni një lidhje diku në krye të faqes që tregon për një version të veçantë celular të faqes tuaj. Pastaj lexuesit mund të zgjedhin vetë nëse duan të shohin versionin celular ose të vazhdojnë me versionin "normal".
Dobia e kësaj zgjidhjeje është se është e lehtë për t'u zbatuar. Kjo kërkon që ju të krijoni një version të optimizuar për celularin dhe pastaj të shtoni një lidhje diku në krye të faqeve normale të faqes.
Pengesat janë:
- Ju duhet të mbani një version të veçantë të faqes për përdoruesit mobil. Ndërsa faqja juaj rritet, mund të harroni të mbani versionin e dytë dhe faqet tuaja mund të bien jashtë syncit.
- A po krijoni gjithashtu një version të tretë për tableta? Si për një version të katërt për wearables? Ky koncept i versioneve specifike të pajisjes mund të dalë jashtë kontrollit shumë shpejt.
- Duhet të vendosësh një lidhje të shëmtuar në krye të faqes që lexuesit jo-celular mund ta shohin (dhe ndoshta klikoni).
Në fund të fundit, kjo qasje është një e vjetëruar që nuk ka gjasa të jetë pjesë e një strategjie të lëvizshme moderne. Nganjëherë përdoret si një ndreqim i hendekut, ndërkohë që është duke u zhvilluar një zgjidhje më e mirë, por në të vërtetë është një ndihmë afatshkurtër.
Përdor JavaScript
Në një variant të qasjes së lartpërmendur, disa zhvillues përdorin një lloj skriptimi të zbulimit të shfletuesit për të zbuluar nëse klienti është në një pajisje të lëvizshme dhe pastaj i përcjell ato në atë vend të veçantë celular. Problemi me zbulimin e shfletuesit dhe pajisjet mobile është se atje ekzistojnë mijëra pajisje mobile. Për t'u përpjekur për të zbuluar të gjitha me një JavaScript mund të kthejnë të gjitha faqet tuaja në një makth downloading - dhe ju jeni ende subjekt i shumë të meta të njëjta si qasja e përmendur më lart.
Përdorni CSS & # 64; media handheld
Komanda CSS @ media handheld duket sikur do të ishte një mënyrë ideale për të shfaqur stilet CSS vetëm për pajisjet handheld - si telefonat celularë. Kjo duket si një zgjidhje ideale për shfaqjen e faqeve për pajisjet mobile. Ju shkruani një faqe Web dhe pastaj krijoni dy fletë stilesh. E para për llojin e medias "ekran" stilet faqen tuaj për monitorët dhe ekranet e kompjuterave. E dyta për "handheld" stilet faqen tuaj për pajisje të vogla si ato telefona celularë. Tingëllon e lehtë, por nuk funksionon në praktikë.
Përparësia më e madhe për këtë metodë është se ju nuk keni nevojë të mbani dy versione të faqes tuaj. Ju vetëm e mbani atë, dhe fleta e stilit përcakton se si duhet të duket - e cila është në të vërtetë duke iu afruar zgjidhjes përfundimtare që duam.
Një problem me këtë metodë është që shumë telefona nuk e mbështesin llojin e mediave të dorës - ato shfaqin faqet e tyre me llojin e medias së ekranit. Dhe shumë telefona të vjetër celularë dhe handhelds nuk mbështesin CSS në të gjitha. Në fund, kjo metodë nuk është e besueshme dhe prandaj përdoret rrallë për të ofruar versione mobile të një faqeje interneti.
Përdorni PHP, JSP, ASP për të zbuluar User-Agent
Kjo është një mënyrë shumë më e mirë për të përcjellë përdoruesit mobil në një version celular të faqes, sepse nuk mbështetet në një gjuhë skriptimi ose CSS që pajisja celulare nuk e përdor. Në vend të kësaj, përdor një gjuhë të serverit (PHP, ASP, JSP, ColdFusion etj.) Për të parë agjentin përdorues dhe pastaj të ndryshojë kërkesën HTTP për të treguar në një faqe të lëvizshme nëse është një pajisje mobile.
Një kod i thjeshtë PHP për ta bërë këtë do të duket kështu:
stristr ($ ua, "Windows CE") ose
stristr ($ ua, "AvantGo") ose
stristr ($ ua, "Mazingo") ose
stristr ($ ua, "Mobile") ose
stristr ($ ua, "T68") ose
stristr ($ ua, "Syncalot") ose
stristr ($ ua, "xhaketë sportive")) {
$ DEVICE_TYPE = "MOBILE";
}
nëse (isset ($ DEVICE_TYPE) dhe $ DEVICE_TYPE == "MOBILE") {
$ vendndodhja = 'Mobile / index.php';
header ('Vendndodhja:'. $ vend);
dalje;
}
?>
Problemi këtu është se ka shumë dhe shumë përdorues të tjerë potencialë që përdoren nga pajisjet mobile. Ky dorëshkrim do të kapë dhe do t'i përcjellë shumë prej tyre, por jo me të gjitha me çdo mjet. Dhe më shumë janë shtuar gjatë gjithë kohës.
Plus, si me zgjidhjet e tjera të mësipërme, do të duhet të mbani ende një vend të veçantë celular për këta lexues! Ky pengesë për të pasur për të menaxhuar dy (ose më shumë) faqet e internetit është arsye e mjaftueshme për të kërkuar një zgjidhje më të mirë.
Përdorni WURFL
Nëse jeni ende i vendosur për të përcjellë përdoruesit tuaj celular në një vend të veçantë, atëherë WURFL (Skedari i Resurseve Universale të Resurseve) është një zgjidhje e mirë. Ky është një skedar XML (dhe tani një skedar DB) dhe biblioteka të ndryshme DBI që jo vetëm përmbajnë të dhëna të azhurnuara të përditësuara pa tel të përdoruesve, por gjithashtu cilat veçori dhe aftësi që ato përdorues-agjentë mbështesin.
Për të përdorur WURFL, ju shkarkoni skedarin e konfigurimit XML dhe pastaj zgjidhni gjuhën tuaj dhe zbatoni API në faqen tuaj te internetit. Ka mjete për përdorimin e WURFL me Java, PHP, Perl, Ruby, Python, Net, XSLT dhe C + +.
Përfitimi i përdorimit të WURFL është se ka shumë njerëz që përditësojnë dhe shtojnë skedarin e konfigurimit gjatë gjithë kohës. Pra, ndërsa skedari që po përdorni është pothuajse gati para se të keni përfunduar shkarkimin, gjasat janë që nëse shkarkoni një herë në muaj apo kaq, do të keni të gjithë shfletuesit mobil që lexuesit tuaj përdorin zakonisht pa asnjë probleme. Disavantazhi, sigurisht, është që ju duhet të shkarkoni dhe përditësoni vazhdimisht këtë - të gjitha kështu që ju mund të drejtoni përdoruesit në një faqe interneti të dytë dhe të meta që krijon.
Zgjidhja më e mirë është dizajni i përgjegjshëm
Pra, nëse mbajtja e vendeve të ndryshme për pajisje të ndryshme nuk është përgjigjja, çfarë është? Dizajni i përgjegjshëm i uebit .
Dizajni i përgjegjshëm është vendi ku përdoren pyetje të medias CSS për të përcaktuar stilet për pajisjet me gjerësi të ndryshme. Dizajni i përgjegjshëm ju lejon të krijoni një faqe Web për përdoruesit e lëvizshëm dhe jo celular. Pastaj nuk duhet të shqetësoheni për përmbajtjen që do të shfaqet në faqen e lëvizshme ose mos harroni të transferoni ndryshimet më të fundit në faqen tuaj celulare. Plus, sapo të keni shkruar CSS, nuk duhet të shkarkoni ndonjë gjë të re.
Dizajni i përgjegjshëm nuk mund të funksionojë në mënyrë të përsosur në pajisjet dhe shfletuesit jashtëzakonisht të vjetra (shumica e të cilave janë në përdorim shumë të vogël sot dhe nuk duhet të jenë shumë shqetësuese për ju), por sepse është shtesë (duke shtuar stile mbi përmbajtjen, larg) këta lexues do të jenë ende në gjendje të lexojnë faqen tuaj të internetit, thjesht nuk do të duken ideale në pajisjen apo shfletuesin e tyre të vjetër.