Jau gadiem ilgi eksperti saka, ka mobilo ierīču apmeklētāju trafika uz vietnēm ir dramatiski pieaugusi. Šī iemesla dēļ daudzi uzņēmumi ir gudri sākuši izmantot mobilās stratēģijas klātbūtnei tiešsaistē, radot tālruņiem un citām mobilajām ierīcēm piemērotu pieredzi.
Kad esat pavadījis laiku, lai uzzinātu, kā to izdarīt projektēt tīmekļa lapas mobilajiem tālruņiemun, ieviešot savu stratēģiju, jūs arī vēlaties pārliecināties, vai jūsu vietnes apmeklētāji var redzēt šos dizainus. To var izdarīt daudzos veidos, un daži darbojas labāk nekā citi. Šeit ir apskatīts paņēmiens, ko varat izmantot, lai savās vietnēs ieviestu mobilo atbalstu, kā arī ieteikums tuvu beigām, kāda ir labākā metode, kā to sasniegt mūsdienu tīmeklī.
Norādiet saiti uz citu vietnes versiju
Šī ir visvienkāršākā metode mobilo tālruņu lietotāju apstrādei. Tā vietā, lai uztrauktos, vai viņi var vai nevar redzēt jūsu lapas, vienkārši ievietojiet saiti kaut kur lapas augšdaļā, kas norāda uz atsevišķu jūsu vietnes mobilo versiju. Tad lasītāji var paši izvēlēties, vai viņi vēlas redzēt mobilo versiju, vai turpināt ar "parasto" versiju.
Šī risinājuma priekšrocība ir tā, ka to ir viegli ieviest. Jums ir jāizveido optimizēta versija mobilajām ierīcēm un pēc tam jāpievieno saite kaut kur netālu no parasto vietņu lapu augšdaļas.
Trūkumi ir:
- Mobilo ierīču lietotājiem jums ir jāuztur atsevišķa vietnes versija. Palielinoties jūsu vietnei, jūs varat aizmirst saglabāt šo otro versiju, un jūsu vietnes var izkrist no sinhronizācijas.
- Vai jūs arī izveidojat trešo versiju planšetdatoriem? Kā būtu ar ceturto versiju valkājamas preces? Šī ierīcei raksturīgo versiju koncepcija var ļoti ātri izkļūt no kontroles.
- Lapas augšdaļā ir jāievieto neglīta saite, kuru lasītāji, kas nav mobilie tālruņi, var redzēt (un, iespējams, noklikšķināt uz tā).
Galu galā šī pieeja ir novecojusi, kas, visticamāk, nebūs daļa no mūsdienu mobilās stratēģijas. Dažreiz to izmanto kā pieturas starplaiku, kamēr tiek izstrādāts labāks risinājums, taču šajā brīdī tas patiešām ir īstermiņa joslas atbalsts.
Izmantojiet JavaScript
Iepriekš minētās pieejas variācijā daži izstrādātāji izmanto kāda veida pārlūkprogrammas noteikšanu skriptu, lai noteiktu, vai klients izmanto mobilo ierīci, un pēc tam novirzīt tos uz šo atsevišķo mobilo ierīci vietne. Problēma ar pārlūku noteikšanas un mobilās ierīces ir tas, ka tur ir tūkstošiem mobilo ierīču. Lai mēģinātu tās visas atklāt ar vienu JavaScript, visas jūsu lapas varētu kļūt par lejupielādējošu murgu - un uz jums joprojām attiecas daudzi tādi paši trūkumi kā iepriekšminētajā pieejā.
Izmantojiet CSS @media Handheld
Šķiet, ka CSS komanda @ media handheld būtu ideāls veids, kā parādīt CSS stili tikai rokas ierīcēm, piemēram, mobilajiem tālruņiem. Tas, šķiet, ir ideāls risinājums lapu parādīšanai mobilajām ierīcēm. Jūs uzrakstāt vienu tīmekļa lapu un pēc tam izveidojat divas stila lapas. Pirmais multivides veida "ekrāns" stilā jūsu lapa ir paredzēta monitoriem un datora ekrāniem. Otrais “rokas” stils jūsu lapu veido mazām ierīcēm, piemēram, šiem mobilajiem tālruņiem. Izklausās viegli, bet praksē tas īsti nedarbojas.
Šīs metodes lielākā priekšrocība ir tā, ka jums nav jāuztur divas savas vietnes versijas. Jūs vienkārši uzturat vienu, un stila lapa nosaka, kā tam vajadzētu izskatīties - kas faktiski tuvojas vēlamajam risinājumam.
Šīs metodes problēma ir tā, ka daudzi tālruņi neatbalsta multivides tipu - tā vietā tās parāda savas lapas ar ekrāna multivides veidu. Un daudzi vecāki mobilie tālruņi un plaukstdatori vispār neatbalsta CSS. Galu galā šī metode nav uzticama, un tāpēc to reti izmanto, lai piegādātu vietnes mobilās versijas.
Izmantojiet PHP, JSP, ASP, lai noteiktu User-Agent
Tas ir daudz labāks veids, kā mobilo ierīču lietotājus novirzīt uz mobilā versija vietni, jo tā nepaļaujas uz skriptu valodu vai CSS, ko mobilā ierīce neizmanto. Tā vietā tā izmanto servera puses valodu (PHP, ASP, JSP, ColdFusion utt.), Lai apskatītu lietotāja aģentu un pēc tam mainītu HTTP pieprasījums lai norādītu uz mobilo lapu, ja tā ir mobilā ierīce.
Vienkāršs PHP kods, lai to izdarītu, izskatās šādi:
Šeit problēma ir tā, ka ir daudz un daudz citu potenciālo lietotāju aģentu, kurus izmanto mobilās ierīces. Šis skripts noķers un novirzīs daudzus no tiem, taču ne visus. Un visu laiku tiek pievienoti vairāk.
Turklāt, tāpat kā citiem iepriekšminētajiem risinājumiem, šiem lasītājiem joprojām būs jāuztur atsevišķa vietne mobilajām ierīcēm! Šis trūkums, ka jāpārvalda divas (vai vairāk!) Vietnes, ir pietiekams iemesls, lai meklētu labāku risinājumu.
Izmantojiet WURFL
Ja joprojām esat nolēmis mobilo ierīču lietotājus novirzīt uz atsevišķu vietni, tad WURFL (Bezvadu universālais resursu fails) ir labs risinājums. Šis ir XML fails (un tagad DB fails) un dažādas DBI bibliotēkas, kas satur ne tikai atjauninātus bezvadu lietotāju aģentu datus, bet arī kuras funkcijas un iespējas šie lietotāju aģenti atbalsta.
Lai izmantotu WURFL, lejupielādējiet XML konfigurācijas failu un pēc tam izvēlieties valodu un ievietojiet API savā vietnē. Ir rīki WURFL lietošanai ar Java, PHP, Perl, Ruby, Python, Net, XSLTun C ++.
WURFL izmantošanas priekšrocība ir tā, ka daudz cilvēku visu laiku atjaunina un papildina konfigurācijas failu. Tātad, lai gan jūsu izmantotais fails ir novecojis gandrīz pirms tā lejupielādes pabeigšanas, visticamāk, ja jūs lejupielādējiet to apmēram reizi mēnesī, un jums būs visas mobilās pārlūkprogrammas, kuras lasītāji parasti izmanto bez jebkādas problēmas. Protams, negatīvie ir tas, ka jums tas ir nepārtraukti jālejupielādē un jāatjaunina - viss, lai jūs varētu novirzīt lietotājus uz otru vietni un radītajiem trūkumiem.
Labākais risinājums ir atsaucīgs dizains
Tātad, ja dažādu vietņu uzturēšana dažādām ierīcēm nav atbilde, kas ir? Atsaucīgs tīmekļa dizains.
Reaģējošais dizains ir tas, kur jūs izmantojat CSS multivides vaicājumus, lai noteiktu stilu dažādu platumu ierīcēm. Reaģējošais dizains ļauj jums izveidot vienu tīmekļa lapu gan mobilajiem, gan mobilajiem lietotājiem. Tad jums nav jāuztraucas par to, kāds saturs tiek rādīts mobilajām ierīcēm paredzētajā vietnē, vai atcerieties jaunākās izmaiņas pārsūtīt uz vietni mobilajām ierīcēm. Turklāt, kad esat uzrakstījis CSS, jums nekas jauns nav jālejupielādē.
Atsaucīgais dizains var nedarboties perfekti vecās ierīcēs un pārlūkprogrammās (no kurām lielākā daļa mūsdienās tiek lietotas ļoti maz un nevajadzētu jums par daudz uztraukties), bet gan tāpēc, ka piedeva (stilu pievienošana saturam, nevis satura noņemšana) šie lasītāji joprojām varēs lasīt jūsu vietni, tā vienkārši neizskatīsies ideāli viņu vecajā ierīcē vai pārlūku.