Pārvietot mobilās ierīces uz mobilo saturu vai dizainu
Jau vairākus gadus eksperti ir teikuši, ka straujais pieaugums ir apmeklētāju mobilajām ierīcēm paredzēto datplūsmu skaits. Šī iemesla dēļ daudzi uzņēmumi ir gudri sākuši izmantot mobilās stratēģijas tiešsaistes klātbūtnei, radot pieredzi, kas ir piemērota tālruņa un citās mobilajās ierīcēs.
Kad esat pavadījis laiku, mācāties, kā veidot mobilo tālruņu tīmekļa lapas un īstenot savu stratēģiju, jūs arī vēlaties, lai jūsu vietnes apmeklētāji varētu redzēt šos dizainus. To var izdarīt daudzos veidos, un daži strādā labāk nekā citi. Tālāk ir apskatīta metode, ar kuru varat izmantot mobilo pakalpojumu ieviešanu savās tīmekļa vietnēs, kā arī ieteikums tuvākajā laikā par to, kā vislabākā metode to sasniegšanai ir pieejama mūsdienu tīmeklī!
Norādiet saiti uz citu portāla versiju
Tas ir, protams, vienkāršākais veids, kā rīkoties ar mobilo tālruņu lietotājiem. Tā vietā, lai uztraucas, vai viņi var vai nevar redzēt jūsu lapas, vienkārši ievietojiet saiti kaut kur tuvu lapas augšdaļai, 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 "parasto" versiju.
Šī risinājuma priekšrocība ir tā, ka to ir viegli īstenot. Tas prasa jums izveidot optimizētu versiju mobilajam tālrunim un pēc tam pievienot saiti kaut kur netālu no parasto vietņu lapu augšdaļas.
Trūkumi ir:
- Mobilajiem lietotājiem ir jāsaglabā atsevišķa vietnes versija. Tā kā jūsu vietne kļūst lielāka, jūs varat aizmirst, ka šī otrā versija ir saglabāta, un jūsu vietnes var nebūt sinhronizētas.
- Vai arī jūs izveidojat trešo versiju tablešu gadījumā? Kā par ceturto versiju piederumiem? Šī ierīcei raksturīgo versiju koncepcija ļoti ātri var izkļūt no kontroles.
- Lapas augšpusē ir jāuzliek neglīta saite, ko var redzēt mobilie lasītāji (un, iespējams, noklikšķiniet uz).
Galu galā šī pieeja ir novecojusi, kas, visticamāk, nebūs mūsdienu mobilās stratēģijas sastāvdaļa. To dažreiz izmanto kā pieturas trūkumu, kamēr tiek izstrādāts labāks risinājums, taču šajā brīdī tas patiešām ir īstermiņa drošības josla.
Izmantojiet JavaScript
Izmantojot iepriekš minēto pieeju, daži izstrādātāji izmanto kādu pārlūkprogrammas atklāšanas skriptu, lai noteiktu, vai klients ir mobilajā ierīcē, un novirzīt tos uz šo atsevišķo mobilo vietni. Problēma ar pārlūkprogrammas atklāšanu un mobilajām ierīcēm ir tā, ka tur ir tūkstošiem mobilo ierīču. Mēģinot tos visus atklāt, izmantojot vienu JavaScript, visās lapās var pārvērst par lejupielādētu murgu, un jums joprojām ir daudz tādu pašu trūkumu kā iepriekš minētā pieeja.
Izmantojiet CSS multimediju portatīvo datoru
CSS komandas @media rokas, šķiet, ka tas būtu ideāls veids, kā parādīt CSS stilus tikai portatīvajām ierīcēm, piemēram, mobilajiem tālruņiem. Šķiet, ka tas ir ideāls risinājums lapu parādīšanai mobilajās ierīcēs. Jūs uzrakstiet vienu Web lapu un pēc tam izveidojat divas stila lapas. Pirmā "ekrāna" multivides veida stils jūsu lapu monitoriem un datoru ekrāniem. Otrs, kas paredzēts "rokas", stils jūsu lapu mazajām ierīcēm, piemēram, mobilajiem tālruņiem. Izklausās vienkārši, taču praktiski tā nedarbojas.
Šīs metodes lielākā priekšrocība ir tā, ka jums nav jāsaglabā divas jūsu vietnes versijas. Jūs vienkārši saglabājat vienu, un stilu tabula nosaka, kā tai vajadzētu izskatīties - kas faktiski tuvojas vēlamajam gala risinājumam.
Problēma ar šo metodi ir tā, ka daudzi tālruņi neatbalsta rokas multivides tipu, bet to vietā parādās viņu lapas ar ekrāna multivides tipu. Un daudzi vecāki mobilie tālruņi un plaukstdatori neatbalsta CSS. Galu galā šī metode ir neuzticama un tāpēc reti tiek izmantota, lai nodrošinātu vietnes mobilās versijas.
Izmantojiet PHP, JSP, ASP, lai noteiktu User-Agent
Šis ir daudz labāks veids, kā novirzīt mobilo ierīču lietotājus uz vietnes mobilo versiju, jo tā nebalstās uz skriptu valodu vai CSS, ko mobilā ierīce neizmanto. Tā vietā tiek izmantota servera puses valoda (PHP, ASP, JSP, ColdFusion utt.), Lai apskatītu lietotāja aģentu un pēc tam mainītu HTTP pieprasījumu, 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:
stristr ($ ua, "Windows CE") vai
stristr ($ ua, "AvantGo") vai
stristr ($ ua, "Mazingo") vai
stristr ($ ua, "Mobile") vai
stristr ($ ua, "T68") vai
stristr ($ ua, "Syncalot") vai
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
ja (isset ($ DEVICE_TYPE) un $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php';
galvenes ("Atrašanās vieta:". $ atrašanās vieta);
Izeja;
}
?>
Problēma ir tāda, ka mobilajās ierīcēs ir daudz un daudz citu iespējamo lietotāju aģentu. Šis skripts ļaus nozagt un novirzīt daudz no tiem, bet ne visiem ar jebkādiem līdzekļiem. Un visu laiku tiek pievienoti vēl vairāk.
Turklāt, tāpat kā ar citiem iepriekš minētajiem risinājumiem, šīm lasītājiem joprojām būs jāsaglabā atsevišķa mobilā vietne! Šis trūkums, kas saistīts ar to, ka ir jāpārvalda divas (vai vairākas) vietnes, ir pietiekams iemesls, lai meklētu labāku risinājumu.
Izmantojiet WURFL
Ja jūs joprojām esat nolēmis novirzīt savus mobilos lietotājus uz atsevišķu vietni, tad WURFL (bezvadu universālo resursu faili) ir labs risinājums. Šis ir XML fails (un tagad arī DB fails) un dažādas DBI bibliotēkas, kas ne tikai satur jaunākos bezvadu lietotāju aģentu datus, bet arī to, kuras funkcijas un iespējas tie lietotāju aģentu atbalsta.
Lai izmantotu WURFL, lejupielādējat XML konfigurācijas failu un pēc tam izvēlieties savu valodu un ieviešiet API savā vietnē. Ir instrumenti WURFL lietošanai ar Java, PHP, Perl, Ruby, Python, Net, XSLT un C ++.
WURFL izmantošanas priekšrocība ir tāda, ka pastāvīgi daudz cilvēku atjauno un pievieno konfigurācijas failam visu laiku. Tātad, ja lietojamais fails ir novecojis gandrīz pirms tā lejupielādes pabeigšanas, iespējams, ka, lejupielādējot to reizi mēnesī, jums būs visas mobilās pārlūkprogrammas, kuras lasītāji parasti izmanto bez jebkādas problēmas. Negatīvie rādītāji, protams, ir tas, ka jums ir pastāvīgi jālejupielādē un jāatjaunina - lai jūs varētu novirzīt lietotājus uz otru vietni un radītajiem trūkumiem.
Labākais risinājums ir reaģējošs dizains
Tātad, ja dažādu ierīču uzturēšana dažādām ierīcēm nav atbilde, kas ir? Atbildīgs web dizains .
Atbildīgs dizains ir vieta, kur jūs izmantojat CSS multivides vaicājumus, lai noteiktu stilus dažādu platumu ierīcēm. Atbildīgs 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ā vietnē, vai arī neaizmirstiet nodot jaunākās izmaiņas jūsu mobilajā vietnē. Turklāt, ja jums ir uzrakstīts CSS, jums nav jāielādē nekas jauns.
Atbildīgais dizains var nedarboties perfekti uz ļoti vecām ierīcēm un pārlūkprogrammām (lielākā daļa no tām ir ļoti mazi lietošanai šodien, un jums par to nav jāuztraucas), bet gan tāpēc, ka tas ir papildinošs (stila pievienošana saturam, nevis satura ievietošana prom), šie lasītāji joprojām varēs izlasīt jūsu vietni, tā vienkārši neizskatīsies ideālu savā vecajā ierīcē vai pārlūkprogrammā.