Alihan alat nu bagerak pikeun eusi mobile atawa desain
Pikeun taun ayeuna, para ahli geus nyebutkeun yen lalulintas keur jaba ti datang dina alat nu bagerak geus ngaronjatkeun nyirorot. Ku sabab kitu, loba pausahaan geus smartly dimimitian akur strategi mobile pikeun ayana online maranéhanana, nyieun pangalaman nu cocog ka telepon tur alat nu bagerak lianna.
Sakali geus spent waktu diajar kumaha carana mendesain kaca web pikeun ponsel , sarta ngalaksanakeun strategi, anjeun ogé bakal hoyong pastikeun yén nu datang loka anjeun tiasa ningali desain maranéhanana. Aya loba cara anjeun bisa ngalakukeun ieu jeung sababaraha dianggo leuwih hade tinimbang batur. Di dieu hiji katingal di metodeu nu Anjeun tiasa make pikeun nerapkeun rojongan mobile dina situs web Anjeun - bareng jeung rekomendasi deukeut tungtung pikeun naon metoda pangalusna pikeun ngahontal ieu dina Web dinten ieu!
Nyadiakeun Tumbu ka Vérsi Loka séjénna
Ieu, ku jauh, metoda panggampangna pikeun nanganan pamaké ponsel. Gantina pikahariwangeun naha maranéhna bisa atawa teu bisa ningali kaca anjeun, saukur nempatkeun link wae deukeut luhureun kaca nu nunjuk ka versi mobile misah loka Anjeun. Lajeng nu maos tiasa timer milih naha maranéhna rék ningali versi seluler atawa neruskeun kalawan versi "normal".
Kauntungan leyuran ieu nu éta gampang pikeun diimplementasikeun. Merlukeun anjeun nyieun pérsi dioptimalkeun pikeun mobile lajeng nambahkeun tumbu wae deukeut luhureun kaca situs normal.
The drawbacks téh:
- Anjeun kudu ngajaga Vérsi misah loka pikeun pamaké mobile. Salaku situs anjeun meunang gedé, anjeun bisa poho ngajaga nu versi kadua teras situs anjeun bisa digolongkeun kaluar tina singkronisasi.
- Anjeun ogé nyieun versi katilu pikeun tablet? Kumaha ngeunaan versi kaopat pikeun wearables? Konsep ieu versi alat-spésifik tiasa spiral kaluar kontrol pisan gancang.
- Anjeun kudu nyimpen hiji link awon di luhur kaca nu maos non-mobile bisa ningali (jeung jigana klik).
Pamustunganana, pendekatan ieu mangrupa salah sahiji luntur anu masih aya kacangcayaan janten bagian tina strategi mobile modern. Hal ieu kadangkala dipake salaku eureun-gap fix bari leyuran hadé keur dimekarkeun, tapi estu hiji istilah pondok band-bantuan dina titik ieu.
Pamakéan nandakeun JavaScript
Dina variasi pendekatan didadarkeun di luhur, sababaraha pamekar nganggo sababaraha tipe naskah deteksi browser pikeun ngadeteksi lamun nasabah anu dina alat mobile lajeng alihan ka nu situs mobile misah. Masalah jeung beungeut browser tur alat nu bagerak éta aya rébuan alat nu bagerak kaluar dinya. Pikeun nyobian ngadeteksi kabeh kalawan hiji JavaScript bisa ngahurungkeun sadaya kaca anjeun kana ngimpina diundeur - jeung anjeun kénéh tunduk seueur drawbacks sarua salaku pendekatan didadarkeun di luhur.
Paké CSS & # 64; média handheld
Paréntah CSS @media handheld sigana kawas eta bakal jadi jalan idéal pikeun nembongkeun gaya CSS ngan alat handheld - kawas telepon sél. Ieu sigana kawas hiji solusi idéal pikeun mintonkeun kaca keur alat nu bagerak. Anjeun nulis hiji halaman web lajeng nyieun dua lembar gaya. Kahiji pikeun jenis teh "layar" média gaya kaca anjeun monitor na layar komputer. Kadua pikeun "handheld" gaya kaca anjeun kanggo alat leutik kawas jelema ponsel. Hurung gampang, tapi teu bener dianggo dina kaperluan praktis.
Kauntungan pangbadagna pikeun metoda ieu nyaeta yen anjeun teu kudu mulasara dua versi ngeunaan ramatloka anjeun. Anjeun ngan mertahankeun hiji, sarta gaya lambar ngahartikeun kumaha sakuduna kasampak - nu sabenerna lalaki ngadeukeutan ka larutan tungtung kami hayang.
Hiji masalah kalayan padika ieu téh yén loba telepon teu ngarojong tipe-maranéhna média handheld nembongkeun kaca maranéhanana jeung tipe média layar gantina. Sarta loba telepon sél heubeul na handhelds teu ngarojong CSS pisan. Tungtungna, metoda ieu nyaeta usulna teu jelas, sarta ku kituna ieu jarang dipaké pikeun nganteurkeun versi mobile sahiji ramatloka a.
Paké PHP, JSP, ASP pikeun ngadeteksi di pamaké-Agen
Ieu cara leuwih hadé mun alihan pamaké mobile ka versi mobile loka, sabab teu ngandelkeun basa scripting atawa CSS yén alat mobile teu make. Gantina, eta perkara migunakeun basa server-sisi (PHP, ASP, JSP, ColdFusion, jsb) nepi ka kasampak di pamaké-agén lajeng ngarobah pamundut HTTP pikeun nunjuk ka kaca mobile lamun téh mangrupa alat mobile.
Hiji kodeu PHP basajan pikeun ngalakukeun ieu bakal kasampak kawas kieu:
stristr ($ ua, "Windows CE") atawa
stristr ($ ua, "AvantGo") atawa
stristr ($ ua, "Mazingo") atawa
stristr ($ ua, "Mobile") atawa
stristr ($ ua, "T68") atawa
stristr ($ ua, "Syncalot") atawa
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "mobile";
}
lamun (isset ($ DEVICE_TYPE) jeung $ DEVICE_TYPE == "mobile") {
$ lokasi = 'mobile / index.php';
lulugu (. 'Location:' $ lokasi);
Kaluar;
}
?>
Masalahna di dieu nyaeta yen aya kavling na kavling poténsi pamaké-agén lianna nu dipaké ku alat nu bagerak. Aksara ieu bakal nyekel jeung alihan loba di antarana tapi teu kabeh ku cara naon baé. Sarta langkung nu ditambahkeun sadaya waktu.
Tambih Deui, sakumaha kalayan solusi lianna di luhur, Anjeun gé kudu tetep kudu mulasara situs mobile misah pikeun pamiarsa ieu! aral ieu ngabogaan ngatur dua (atawa leuwih!) jaba aya alesan cukup neangan kaluar leyuran hadé.
Pamakéan nandakeun WURFL
Mun anjeun masih ditangtukeun pikeun alihan pamaké mobile anjeun ka situs misah, lajeng WURFL (Wireless Resource Universal File) mangrupakeun leyuran alus. Ieu mangrupa file XML (jeung ayeuna file DB) sarta sagala rupa perpustakaan DBI nu teu ngan ngandung data pamaké-agén nirkabel up-to-date tapi ogé anu ciri na kamampuhan jalma pamaké-agén ngarojong.
Ngagunakeun WURFL, Anjeun ngundeur file konfigurasi XML lajeng nyokot basa jeung ngalaksanakeun API on ramatloka anjeun. Aya parabot pikeun ngagunakeun WURFL kalawan Java, PHP, Perl, Ruby, Python, Net, XSLT, sarta C ++.
Kapentingan maké WURFL éta aya kavling jalma ngamutahirkeun tur nambahkeun kana file config sadaya waktu. Ku kituna bari file nu nuju ngagunakeun téh kaluar-of-date ampir sateuacan Anjeun tos rengse ngundeur éta, Chances aya nu lamun ngundeur éta sakali hiji bulan kapayun, anjeun bakal kudu sagala panyungsi mobile pamiarsa Anjeun habitually nganggo tanpa masalah. downside, tangtu, nyaeta nu kudu terus ngundeur tur ngomean ieu - kabeh jadi anjeun bisa langsung pamaké ka ramatloka kadua jeung drawbacks anu nyiptakeun.
The Solusi Best Dupi Desain responsif
Ku kituna lamun ngajaga situs béda alat béda henteu jawaban, naon? Desain web responsif .
Desain responsif mangrupa tempat pikeun anjeun make CSS queries média keur ngartikeun gaya alat rupa lebaran. Desain responsif ngidinan Anjeun pikeun nyieun hiji halaman web pikeun duanana pamaké mobile sarta non-mobile. Lajeng anjeun teu kudu salempang ngeunaan eusi naon nembongkeun on situs mobile atawa apal cara nransper perobahan panganyarna pikeun situs mobile Anjeun. Tambih Deui, sakali anjeun boga CSS nu ditulis, anjeun teu kudu ngundeur nanaon anyar.
Desain responsif teu dianggo sampurna dina alat pisan heubeul na panyungsi (lolobana nu aya di pamakéan pisan leutik dinten na teu kudu loba nu salempang pikeun anjeun), tapi sabab geus aditif (nambahkeun gaya onto eusi, batan nyokot eusi jauh) pamiarsa ieu masih bakal tiasa maca ramatloka anjeun, eta ngan moal kasampak idéal dina alat lami maranéhanana atawa browser.