Ngalihake piranti seluler menyang isi seluler utawa rancangan
Kanggo taun saiki, para ahli wis ngomong yen lalu lintas menyang situs web saka pengunjung ing piranti seluler wis nambah sacara dramatis. Mulane, akeh perusahaan kanthi cerdas wis mulai ngupaya strategi seluler kanggo ngarsane online, nggawe pengalaman sing cocog kanggo telpon lan piranti seluler liyane.
Sawise sampeyan wis ngenteni wektu sinau babagan ngrancang kaca web kanggo telpon seluler , lan ngleksanakake strategi sampeyan, sampeyan uga pengin nggawe manawa pengunjung situs bisa ndeleng rancangan kasebut. Ana akeh cara sampeyan bisa nindakake iki lan sawetara karya luwih apik tinimbang liyane. Punika dipikirake cara sing bisa digunakake kanggo ngleksanakake dhukungan seluler ing situs web sampeyan - bebarengan karo rekomendasi cedhak pungkasan apa cara paling apik kanggo entuk iki ing Web dinten iki!
Nyedhiyani Link menyang Versi Situs Liyane
Iki, cara sing paling gampang kanggo nangani pangguna telpon seluler. Tinimbang kuwatir yen sampeyan bisa utawa ora bisa ndeleng kaca-kaca sampeyan, cukup nglebokake link nang endi wae ing sisih ndhuwur kaca sing ngarah menyang versi seluler saka situs sampeyan. Banjur para pembaca bisa milih dhewe apa arep ndeleng versi seluler utawa terus nganggo versi "normal".
Keuntungan saka solusi iki yaiku gampang kanggo dileksanakake. Sampeyan mbutuhake sampeyan nggawe versi sing dioptimalake kanggo seluler lan banjur nambah link nang endi wae cedhak ndhuwur kaca situs normal.
Kekurangan iku:
- Sampeyan kudu netepake versi kapisah situs kasebut kanggo pangguna seluler. Minangka situs sampeyan bakal luwih gedhé, sampeyan bisa uga lali kanggo njaga versi kapindho lan situs sampeyan ora bisa sinkron.
- Sampeyan uga nggawe versi katelu kanggo tablet? Carane bab versi papat kanggo wearable? Konsep iki saka versi khusus piranti bisa spiral metu saka kontrol banget cepet.
- Sampeyan kudu nglebokake tautan sing ora nyenengake ing sisih ndhuwur kaca sing bisa dideleng dening nonton non-mobile (lan bisa ngeklik).
Wekasane, pendekatan iki minangka salah siji sing paling anyar sing ora bisa dadi bagian saka strategi seluler modern. Punika kadhangkala dipigunakaké minangka fix stop-gap nalika solusi sing luwih apik lagi dikembangaké, nanging pancen minangka band-aid short term ing titik iki.
Gunakake JavaScript
Ing variasi saka pendekatan kasebut ing ndhuwur, sawetara pangembang nggunakake sawetara jinis script deteksi browser kanggo ndeteksi yen customer ing piranti seluler lan banjur pangalihan menyang situs seluler sing kapisah. Masalah karo deteksi browser lan piranti seluler yaiku ana ewu piranti seluler sing metu ana. Kanggo nyoba ndeteksi kabeh kanthi siji JavaScript bisa nguripake kabeh kaca menyang ngipasi ngundhuh - lan sampeyan isih tundhuk akeh kekurangan padha minangka pendekatan kasebut ing ndhuwur.
Gunakake CSS & # 64; handheld media
Ing printah CSS @media handheld misale jek kaya bakal cara becik kanggo nampilake gaya CSS mung kanggo perangkat genggam - kaya ponsel. Iki katon kaya solusi becik kanggo nampilake kaca kanggo piranti seluler. Sampeyan nulis salah siji kaca web lan banjur nggawe rong lembar gaya. Paling pisanan kanggo "layar" gaya jinis media kaca kanggo monitor lan layar komputer. Kapindho kanggo "genggam" gaya kaca kanggo piranti cilik kaya telpon seluler. Swara gampang, nanging ora bisa digunakake ing laku.
Kauntungan paling gedhe kanggo metode iki yaiku yen sampeyan ora kudu njaga rong versi situs web sampeyan. Sampeyan mung njaga salah siji, lan sheet gaya nemtokake cara ngirim katon - kang bener njaluk nyedhaki solusi pungkasan sing kita pengin.
Masalah karo metode iki yaiku akeh telpon ora ndhukung jinis media genggam-padha nampilake kaca kanthi tipe media layar. Lan akeh ponsel lan handhelds sing lawas ora ndhukung CSS ing kabeh. Ing pungkasan, metode iki ora bisa dipercaya, lan mulane arang digunakake kanggo ngirim versi seluler situs web.
Gunakake PHP, JSP, ASP kanggo Ndeteksi User-Agent
Iki minangka cara sing luwih apik kanggo ngarahake pangguna seluler menyang versi seluler situs, amarga ora gumantung ing basa skrip utawa CSS sing ora dienggo piranti seluler. Nanging, migunakake basa server-side (PHP, ASP, JSP, ColdFusion, lan liya-liyane) kanggo nggoleki agen pangguna banjur ngganti panjaluk HTTP tumuju menyang kaca seluler yen piranti seluler.
Kode PHP prasaja kanggo nindakake iki bakal katon kaya iki:
stristr ($ ua, "Windows CE") utawa
stristr ($ ua, "AvantGo") utawa
stristr ($ ua, "Mazingo") utawa
stristr ($ ua, "Mobile") utawa
stristr ($ ua, "T68") utawa
stristr ($ ua, "Syncalot") utawa
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
yen (isset ($ DEVICE_TYPE) lan $ DEVICE_TYPE == "MOBILE") {
$ lokasi = 'seluler / index.php';
header ('Lokasi:'. $ lokasi);
metu;
}
?>
Masalah ing kene yaiku ana akeh lan akeh agen potensial liya sing digunakake dening piranti seluler. Tulisan iki bakal nyekel lan ngarahake akeh nanging ora kabeh kanthi cara apa wae. Lan liyane ditambahake kabeh wektu.
Plus, karo solusi liyane ing ndhuwur, sampeyan bakal kudu tetep nggawe situs seluler sing kapisah kanggo pembaca kasebut! Kelemahan iki kanggo ngurus situs web loro (utawa luwih) cukup alasan kanggo ngupayakake solusi sing luwih apik.
Gunakake WURFL
Yen sampeyan isih ditemtokake kanggo ngarahake pangguna seluler menyang situs kapisah, banjur WURFL (File Resource Universal Wireless) minangka solusi sing apik. Iki minangka file XML (lan saiki file DB) lan maneka warna DBI libraries sing ora mung ngemot data agen panganggo sing paling anyar, nanging uga fitur lan kemampuan sing didhukung para agen kasebut.
Kanggo nggunakake WURFL, sampeyan ngundhuh file konfigurasi XML lan banjur pilih basa lan nerapake API ing situs web sampeyan. Ana alat kanggo nggunakake WURFL nganggo Jawa, PHP, Perl, Ruby, Python, Net, XSLT, lan C ++.
Manfaat nggunakake WURFL iku ana akeh wong nganyari lan nambah file config sawayah-wayah. Dadi, nalika file sing sampeyan nggunakake wis kadaluwarsa sadurunge rampung ngundhuh, kemungkinan sing yen sampeyan ngundhuh sapisan sasi utawa luwih, sampeyan bakal duwe kabeh browser seluler sing bisa digunakake dening nonton tanpa nggunakake masalah. Ing kasunyatan, mesthine sampeyan kudu terus ngundhuh lan nganyari iki - kabeh supaya sampeyan bisa ngarahake pangguna menyang situs web sing kapindho lan kekurangan sing nggawe.
Solusi Best Is Responsive Design
Dadi, yen njaga macem-macem situs kanggo macem-macem perangkat ora dadi jawaban, apa? Desain web responsif .
Desain responsif yaiku ngendi sampeyan nggunakake pitakon media CSS kanggo nemtokake gaya kanggo piranti saka macem-macem jembar. Desain responsif ngidini sampeyan nggawe siji kaca kanggo kedhaftar seluler lan non-mobile. Banjur sampeyan ora perlu khawatir karo apa isi kanggo nampilake ing situs seluler utawa eling kanggo nransfer owah-owahan pungkasan menyang situs seluler. Plus, yen sampeyan duwe CSS sing ditulis, sampeyan ora kudu ngundhuh apa-apa sing anyar.
Desain sing responsif bisa uga ora becik ing piranti lan browser sing lawas banget (paling akeh digunakake ing dina iki lan ora perlu akeh sumelang kanggo sampeyan), nanging amarga iku aditif (nambah gaya ing isi, tinimbang njupuk isi adoh) iki sing maca bakal isih bisa maca situs web sampeyan, mung ora katon becik ing piranti lawas utawa browser.