Jika Anda tidak ingin menampilkan gaya yang berbeda pada terminal PC dan seluler melalui adaptasi CSS, Anda hanya dapat melompat ke situs web seluler yang sesuai saat mengakses halaman web PC di terminal seluler. Jadi bagaimana cara melompat? Ada juga banyak artikel di Internet untuk menjelaskan ide -ide implementasi berikut. Editor telah mengujinya dan dapat digunakan dengan percaya diri.
1. Gambar efek
Tampilan Akses PC:
Tampilan akses seluler:
2. Implementasi:
Jika Anda tidak mempertimbangkan optimasi mesin pencari seluler, Anda hanya perlu menilai apakah terminal seluler bergerak melalui JS, dan kemudian menentukan apakah akan melompat ke halaman yang ditentukan. JS utama adalah sebagai berikut:
// menilai apakah itu terminal seluler. Jika demikian, lompat ke fungsi alamat URL yang ditentukan browserRerIrt (URL) {// string baca-only, mendeklarasikan nilai header agen pengguna yang digunakan oleh browser untuk http meminta var suseragent = navigator.useragent.tolowercase (); var biphoneos = suseragent.meCats oSerAgent (//iPhone (); var Bisiphoneos = SuserAgent.Match os/iPhone/iPhone (); var Bisiphoneos = iPhoneGent. Suseragent.match (/midp/i) == "midp"; var bisuc7 = suseragent.match (/rv:1.2.3.4/i) == "rv: 1.2.3.4"; var bisuc7 = suseragent.match (/rv:1.3.3.4/i) == "rv: 1.3.3. == "UCWEB"; var bisandroid = suseragent.match (/android/i) == "android"; var bisce = suseragent.match (/windows ce/i) == "windows ce"; var biswm = biseragent.mate (/windows mobile/i) == "windows mobile"; if biswm = || bisandroid ||Kemudian lihat JS di halaman dan hubungi metode:
<Script src = "../ js/wap.js"> </script> <script type = "text/javascript"> browserReRect ("http://ycdoit.com/test/testmobile.html"); </script>Wulin Netizens mengingatkan: Anda dapat menggunakan PC dan seluler untuk mengakses halaman tes untuk menunjukkan efeknya!
Mengenai halaman akses seluler berbasis JS yang diperkenalkan oleh artikel ini kepada Anda, saya akan melompat ke halaman web seluler yang sesuai saat mengakses halaman PC berdasarkan JS. Saya akan memperkenalkan banyak hal kepada Anda. Saya harap ini akan membantu Anda!