Redirect peranti mudah alih ke kandungan atau reka bentuk mudah alih
Selama bertahun-tahun sekarang, pakar telah mengatakan bahawa trafik ke laman web dari pelawat pada peranti mudah alih telah meningkat secara dramatik. Atas sebab ini, banyak syarikat telah bijak mula merangkul strategi mudah alih untuk kehadiran dalam talian mereka, mewujudkan pengalaman yang sesuai untuk telefon dan peranti mudah alih yang lain.
Sebaik sahaja anda telah menghabiskan masa belajar bagaimana untuk merekabentuk laman web untuk telefon bimbit , dan melaksanakan strategi anda, anda juga ingin memastikan pengunjung laman web anda dapat melihat reka bentuk tersebut. Terdapat banyak cara anda boleh melakukan ini dan beberapa kerja lebih baik daripada yang lain. Berikut adalah kaedah yang boleh anda gunakan untuk melaksanakan sokongan mudah alih di laman web anda - bersama-sama dengan cadangan yang terdekat untuk apa kaedah terbaik untuk mencapai ini adalah pada hari ini Web!
Sediakan Pautan ke Versi Tapak Lain
Ini, setakat ini, kaedah paling mudah untuk mengendalikan pengguna telefon bimbit. Daripada membimbangkan sama ada mereka boleh atau tidak dapat melihat halaman anda, cukup letakkan pautan di mana-mana bahagian atas halaman yang menunjuk ke versi mudah alih laman web anda yang terpisah. Kemudian pembaca boleh memilih sendiri sama ada mereka ingin melihat versi mudah alih atau meneruskan versi "biasa".
Manfaat penyelesaian ini adalah mudah untuk dilaksanakan. Ia memerlukan anda untuk membuat versi yang dioptimumkan untuk mudah alih dan kemudian menambah pautan di suatu tempat berhampiran bahagian atas laman laman biasa.
Kekurangan adalah:
- Anda perlu mengekalkan versi berasingan tapak untuk pengguna mudah alih. Oleh kerana laman web anda semakin besar, anda mungkin lupa untuk mengekalkan versi kedua dan laman web anda tidak boleh disegerakkan.
- Adakah anda juga membuat versi ketiga untuk tablet? Bagaimana pula dengan versi keempat untuk wearables? Konsep versi khusus peranti ini boleh keluar dari kawalan dengan sangat cepat.
- Anda perlu meletakkan pautan hodoh di bahagian atas halaman yang boleh dilihat oleh pembaca bukan mudah alih (dan mungkin klik pada).
Pada akhirnya, pendekatan ini adalah satu usang yang tidak mungkin menjadi sebahagian daripada strategi mudah alih yang moden. Ia kadang-kadang digunakan sebagai penyelesaian stop-gap manakala penyelesaian yang lebih baik sedang dibangunkan, tetapi ia benar-benar satu bantuan jangka pendek pada masa ini.
Gunakan JavaScript
Dalam variasi pendekatan yang disebutkan di atas, sesetengah pemaju menggunakan beberapa jenis skrip pengesanan pelayar untuk mengesan jika pelanggan berada di peranti mudah alih dan kemudian mengalihkannya ke tapak mudah alih yang terpisah itu. Masalah dengan pengesanan pelayar dan peranti mudah alih adalah terdapat ribuan peranti mudah alih di luar sana. Untuk cuba mengesan mereka semua dengan satu JavaScript boleh menjadikan semua halaman anda menjadi mimpi ngunduh - dan anda masih tertakluk kepada banyak kekurangan yang sama seperti pendekatan yang disebutkan di atas.
Gunakan CSS & # 64; media pegang tangan
Perintah CSS @media handheld sepertinya akan menjadi cara yang ideal untuk memaparkan gaya CSS hanya untuk peranti pegang tangan - seperti telefon bimbit. Ini kelihatan seperti penyelesaian yang ideal untuk memaparkan halaman untuk peranti mudah alih. Anda menulis satu laman web dan kemudian membuat dua helaian gaya. Yang pertama untuk jenis "skrin" gaya menaip halaman anda untuk monitor dan skrin komputer. Yang kedua untuk gaya "genggam" halaman anda untuk peranti kecil seperti telefon bimbit. Bunyi mudah, tetapi ia tidak berfungsi dengan betul.
Kelebihan terbesar untuk kaedah ini ialah anda tidak perlu mengekalkan dua versi laman web anda. Anda hanya mengekalkan yang satu, dan helaian gaya menentukan bagaimana ia sepatutnya kelihatan - yang sebenarnya semakin dekat dengan penyelesaian akhir yang kita mahu.
Masalah dengan kaedah ini adalah bahawa banyak telefon tidak menyokong jenis media pegang tangan-mereka memaparkan halaman mereka dengan jenis media skrin sebaliknya. Dan banyak telefon bimbit dan handheld yang lebih lama tidak menyokong CSS sama sekali. Akhirnya, kaedah ini tidak boleh dipercayai, dan oleh itu jarang digunakan untuk menyampaikan versi mudah alih sebuah laman web.
Gunakan PHP, JSP, ASP untuk Mengesan Ejen Pengguna
Ini adalah cara yang lebih baik untuk mengalihkan pengguna mudah alih ke versi mudah alih tapak, kerana ia tidak bergantung pada bahasa skrip atau CSS yang tidak digunakan oleh peranti mudah alih. Sebaliknya, ia menggunakan bahasa sisi pelayan (PHP, ASP, JSP, ColdFusion, dll) untuk melihat ejen pengguna dan kemudian menukar permintaan HTTP untuk menunjuk ke halaman mudah alih jika peranti mudah alih itu.
Kod PHP yang mudah untuk melakukan ini akan kelihatan seperti ini:
($ ua, "Windows CE") atau
($ ua, "AvantGo") atau
($ ua, "Mazingo") atau
($ ua, "Mudah Alih") atau
struktur ($ ua, "T68") atau
($ ua, "Syncalot") atau
struktur ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
jika (isset ($ DEVICE_TYPE) dan $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php';
pengepala ('Lokasi:'. $ lokasi);
keluar;
}
?>
Masalah di sini ialah terdapat banyak dan banyak agen pengguna lain yang digunakan oleh peranti mudah alih. Skrip ini akan menangkap dan mengalihkan banyak daripada mereka tetapi tidak semua dengan apa-apa cara. Dan lebih banyak lagi ditambah sepanjang masa.
Selain itu, seperti penyelesaian lain di atas, anda masih perlu mengekalkan tapak mudah alih berasingan untuk pembaca ini! Kelemahan ini untuk menguruskan dua (atau lebih!) Laman web adalah alasan yang cukup untuk mencari penyelesaian yang lebih baik.
Gunakan WURFL
Sekiranya anda masih berazam untuk mengalihkan pengguna mudah alih anda ke laman berasingan, maka WURFL (Wireless Resource Universal File) adalah penyelesaian yang baik. Ini adalah fail XML (dan kini file DB) dan pelbagai perpustakaan DBI yang tidak hanya mengandungi data ejen pengguna tanpa wayar terkini tetapi juga ciri dan keupayaan yang digunakan oleh ejen pengguna.
Untuk menggunakan WURFL, anda memuat turun fail konfigurasi XML dan kemudian memilih bahasa anda dan melaksanakan API di laman web anda. Terdapat alat untuk menggunakan WURFL dengan Java, PHP, Perl, Ruby, Python, Net, XSLT, dan C ++.
Manfaat menggunakan WURFL adalah bahawa terdapat banyak orang mengemas kini dan menambah fail konfigurasi sepanjang masa. Jadi sementara fail yang anda gunakan sudah ketinggalan zaman sebelum anda selesai memuat turunnya, kemungkinannya ialah jika anda memuat turunnya sekali sebulan atau lebih, anda akan mempunyai semua peramban mudah alih pembaca yang biasa digunakan tanpa masalah. Kelemahannya, sudah tentu, anda perlu terus memuat turun dan mengemaskini ini - semua supaya anda boleh mengarahkan pengguna ke laman web kedua dan kekurangan yang dihasilkan.
Penyelesaian Terbaik Adalah Reka Bentuk Responsif
Oleh itu, jika mengekalkan tapak yang berbeza untuk peranti yang berbeza bukanlah jawapannya, apakah itu? Reka bentuk web responsif .
Reka bentuk responsif adalah di mana anda menggunakan pertanyaan media CSS untuk menentukan gaya untuk peranti pelbagai lebar. Reka bentuk responsif membolehkan anda membuat satu laman web untuk kedua-dua pengguna mudah alih dan bukan mudah alih. Kemudian anda tidak perlu risau tentang kandungan apa yang dipaparkan di tapak mudah alih atau ingat untuk memindahkan perubahan terbaru ke tapak mudah alih anda. Plus, sebaik sahaja anda mempunyai CSS yang ditulis, anda tidak perlu memuat turun sesuatu yang baru.
Reka bentuk yang responsif mungkin tidak berfungsi dengan sempurna pada peranti dan penyemak imbas yang sangat lama (kebanyakannya adalah penggunaan yang sangat kecil hari ini dan tidak sepatutnya menjadi kebimbangan untuk anda), tetapi kerana ia adalah bahan tambahan (menambah gaya ke kandungan, bukannya mengambil kandungan jauh) pembaca ini masih dapat membaca laman web anda, ia tidak akan kelihatan sesuai pada peranti lama atau penyemak imbas anda.