Persiųsti mobiliuosius įrenginius į mobilųjį turinį ar dizainą
Jau daugelį metų ekspertai sakė, kad lankytojų mobiliuosiuose įrenginiuose svetainių lankomumas didėja. Dėl šios priežasties daugelis kompanijų sąmoningai pradėjo taikyti mobiliąsias strategijas savo internetinei buvimo vietai kurti, kad būtų galima pritaikyti telefonų ir kitų mobiliųjų įrenginių patirtį.
Praleidus laiką mokydamiesi kurti tinklalapius mobiliesiems telefonams ir įgyvendinti savo strategiją, taip pat norite įsitikinti, kad svetainės lankytojai gali matyti šiuos dizainus. Tai galite padaryti daugeliu būdų, o kai kurie dirba geriau nei kiti. Štai būdas, kurį galite naudoti, kad įdiegtumėte mobiliąją pagalbą savo tinklalapiuose, - taip pat rekomenduojama šalia pabaigos - kokį geriausią būdą tai pasiekti šiandieniniame internetiniame tinklalapyje.
Pateikite nuorodą į kitą svetainės versiją
Tai yra pats paprasčiausias būdas tvarkyti mobiliųjų telefonų naudotojus. Užuot nerimaudamasi, ar jie gali arba negali matyti jūsų puslapių, tiesiog įdėti nuorodą kažkur šalia puslapio viršuje, kuris nurodo į atskirą mobilią jūsų svetainės versiją. Tada skaitytojai gali savarankiškai pasirinkti, ar jie nori pamatyti mobilią versiją, ar tęsti "įprastą" versiją.
Šio sprendimo nauda yra tai, kad ją lengva įgyvendinti. Tam reikia sukurti optimizuotą versiją mobiliesiems ir tada pridėti nuorodą kažkur šalia įprastų svetainių puslapių viršaus.
Trūkumai yra:
- Mobiliesiems telefonams turite išlaikyti atskirą svetainės versiją. Kadangi jūsų svetainė tampa didesnė, galite pamiršti išlaikyti šią antrąją versiją, o jūsų svetainės gali neatitikti sinchronizavimo.
- Ar taip pat sukuriate trečią versiją planšetiniams kompiuteriams? Kaip apie ketvirtąją versiją nešiojamiems kompiuteriams? Ši konkretaus įrenginio versijų koncepcija gali labai greitai pašalinti iš valdymo.
- Puslapio viršuje turite įdėti negražią nuorodą, kurią gali matyti ne mobilūs skaitytojai (ir galbūt spustelėkite).
Galiausiai šis požiūris yra pasenęs, kuris vargu ar yra šiuolaikinės mobiliosios strategijos dalis. Kartais jis naudojamas kaip stabdymo spraga, o tuo tarpu geresnis sprendimas yra sukurtas, tačiau šiuo metu tai yra trumpalaikė juostos pagalba.
Naudok JavaScript
Atsižvelgiant į minėto metodo variantą, kai kurie kūrėjai naudoja tam tikrą naršymo nustatymo scenarijų tipą, norėdami nustatyti, ar klientas yra mobiliajame įrenginyje, ir nukreipti juos į tą atskira svetainę mobiliesiems. Su naršyklės aptikimo ir mobiliųjų įrenginių problema yra ta, kad joje yra tūkstančiai mobiliųjų įrenginių. Bandydami aptikti juos visus naudodami vieną "JavaScript" gali paversti visus savo puslapius į atsisiuntimo košmarą - ir jūs vis tiek susiduriate su daugybe tų pačių trūkumų, kaip nurodyta pirmiau.
Naudokite "CSS" žiniasklaidos nešiojamą kompiuterį
CSS komanda @media delniniai, atrodo, kad tai būtų idealus būdas rodyti CSS stilių tik delniniams įrenginiams, pvz., Mobiliesiems telefonams. Tai atrodo kaip idealus sprendimas rodyti puslapius mobiliesiems įrenginiams. Jūs rašote vieną tinklalapį ir tada sukuriate du stilių lapus. Pirmoji "ekrano" medijos rūšis stiliaus jūsų puslapį monitorių ir kompiuterių ekranuose. Antrasis "delninis" stilius - jūsų mažų įrenginių, pvz., Mobiliųjų telefonų, puslapis. Skamba paprasta, bet praktikoje tai tikrai neveikia.
Didžiausias šio metodo privalumas yra tai, kad jums nereikia išlaikyti dviejų versijų jūsų svetainėje. Jūs ką tik išsaugojote tą, o stilių lentelė apibrėžia, kaip ji turėtų atrodyti - o tai iš tikrųjų artėja prie norimo galutinio sprendimo.
Problema su šiuo metodu yra ta, kad daugelis telefonų nepalaiko delninės medijos tipo - jie rodo jų puslapius vietoj ekrano medijos tipo. Ir daugelis senesnių mobiliųjų telefonų ir delninių įrenginių ne visada palaiko CSS. Galų gale šis metodas yra nepatikimas ir todėl retai naudojamas pristatyti mobiliąsias svetainės versijas.
Naudokite PHP, JSP, ASP, norėdami aptikti vartotojo agentą
Tai daug geresnis būdas nukreipti mobiliuosius vartotojus į mobiliąja svetainės versiją, nes ji nesiremia scenarijų kalba ar CSS, kurių mobilusis prietaisas nenaudoja. Vietoje to jis naudoja serverio pusės kalbą (PHP, ASP, JSP, ColdFusion ir tt), kad galėtumėte ieškoti naudotojo agento, o tada pakeisti HTTP užklausą nukreipti į mobilųjį puslapį, jei jis yra mobilusis įrenginys.
Paprastas PHP kodas tai atrodytų taip:
stristr ($ ua, "Windows CE") arba
stristr ($ ua, "AvantGo") arba
stristr ($ ua, "Mazingo") arba
stristr ($ ua, "Mobile") arba
stristr ($ ua, "T68") arba
stristr ($ ua, "Syncalot") arba
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
jei (isset ($ DEVICE_TYPE) ir $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php';
antraštė ("Vieta:". $ vieta);
išeiti;
}
?>
Problema yra ta, kad yra daugybė kitų potencialių vartotojų agentų, kuriuos naudoja mobilieji įrenginiai. Šis scenarijus sugautas ir nukreipia daug jų, bet ne visais būdais. Ir vis daugiau yra pridėta visą laiką.
Be to, kaip ir su kitais aukščiau pateiktais sprendimais, vis tiek turėsite išlaikyti atskirą svetainę mobiliesiems šiems skaitytojams! Šis trūkumas, kai reikia valdyti dvi (ar daugiau!) Svetaines, yra pakankamai priežastis ieškant geresnio sprendimo.
Naudokite WURFL
Jei vis dar esate pasiryžę peradresuoti savo mobiliojo ryšio naudotojus į atskirą svetainę, WURFL (belaidžio universaliųjų išteklių failas) yra geras sprendimas. Tai yra XML rinkmena (ir dabar DB failas) ir įvairios DBI bibliotekos, kuriose yra ne tik naujausių duomenų apie bevielį naudotojo agentų duomenis, bet ir kokios funkcijos ir galimybės, kurias palaiko šie vartotojų agentai.
Jei norite naudoti WURFL, atsisiųsite XML konfigūracijos failą, tada pasirinkite savo kalbą ir įdiekite API savo svetainėje. Yra įrankiai WURFL naudojimui su Java, PHP, Perl, Ruby, Python, Net, XSLT ir C + +.
WURFL naudojimo pranašumas yra tai, kad daug laiko atnaujinama ir papildoma konfigūracijos byla. Taigi, nors failas, kurį naudojate, yra pasenęs beveik prieš jį atsisiųsdamas, gali būti, kad jei jį atsisiųsite kartą per mėnesį, turėsite visas mobiliojo naršykles, kurias jūsų skaitytojai paprastai naudoja be jokių problemos. Neigiamas dalykas, žinoma, yra tai, kad turite nuolat ją atsisiųsti ir atnaujinti, kad galėtumėte nukreipti naudotojus į antrą svetainę ir sukurtus trūkumus.
Geriausias sprendimas yra "Responsive Design"
Taigi, jei skirtingų įrenginių svetainių palaikymas nėra atsakymas, kas yra? Atsakomasis web dizainas .
Atsakomasis dizainas yra tai, kur jūs naudojate CSS žiniasklaidos užklausas, kad apibrėžtumėte stilių įvairių dydžių įrenginiams. Atsakomasis dizainas leidžia jums sukurti vieną tinklalapį tiek mobiliesiems, tiek ne mobiliems vartotojams. Tada nereikia nerimauti, kokį turinį rodyti mobiliajame tinklalapyje, ar nepamirškite perduoti naujausių pakeitimų į savo svetainę mobiliesiems. Be to, kai jūs parašėte CSS, jums nereikia atsisiųsti nieko naujo.
Atsakomasis dizainas gali puikiai neveikti labai senuose įrenginiuose ir naršyklėse (dauguma iš jų šiandien yra labai mažos paskirties ir neturėtų kelti didelių problemų jums), bet todėl, kad tai yra papildoma (stilius pridedamas prie turinio, o ne turinys toli), šie skaitytojai vis tiek galės perskaityti jūsų svetainę, tai tiesiog nebus idealus jų senajame įrenginyje ar naršyklėje.