Jika anda tidak mahu menggunakan paparan penyesuaian CSS untuk memaparkan gaya yang berbeza pada PC dan terminal mudah alih, anda hanya boleh melompat ke halaman web mudah alih yang sepadan apabila mengakses halaman web PC pada terminal mudah alih juga pilihan di Internet Banyak artikel menyatakan bahawa idea pelaksanaan berikut telah diuji oleh editor dan boleh digunakan dengan yakin.
1. Rendering
Paparan akses PC:
Paparan akses mudah alih:
2. Pelaksanaan:
Jika anda tidak mempertimbangkan pengoptimuman enjin carian mudah alih, anda hanya perlu menggunakan JS untuk menentukan sama ada ia mudah alih, dan kemudian tentukan sama ada untuk melompat ke halaman yang ditentukan JS utama adalah seperti berikut:
//判断是否移动端,如果是则跳转到指定的URL地址 function browserRedirect(url) { //只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值 var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; var bIsAndroid = sUserAgent.match(/android/i) == "android"; var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { window.location.replace(url); } }
Kemudian rujuk JS pada halaman dan panggil kaedah:
<script src="../js/wap.js"></script> <script type="text/javascript">browserRedirect("http://ycdoit.com/test/testmobile.html");</script>
Peringatan mesra daripada Script House: Anda boleh menggunakan PC dan mudah alih untuk melawati halaman ujian untuk menunjukkan kesannya!
Artikel ini memperkenalkan anda kepada pelaksanaan berasaskan JS untuk melompat ke halaman web mudah alih yang sepadan apabila terminal mudah alih mengakses halaman PC saya harap ia akan membantu anda!