本文最后更新于 990 天前,其中的信息可能已经有所发展或是发生改变。
很多站长在建站时,都会考虑移动用户访问时自动跳转移动端页面,pc端访问时自动跳转pc端页面,但是有一点却没有考虑到。那就是当分享网站网址的时候,通常分享pc端地址给移动用户,能够正常跳转移动端页面。但是当分享移动端页面给pc用户时,却没能做到跳转到pc端页面。
举例dede模板中的跳转代码:
<script type="text/javascript"> if(window.location.toString().indexOf('pref=padindex') != -1){} else { if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {//判断结果为移动设备 if(window.location.href.indexOf("?mobile")<0) { try { if(/Android|Windows Phone|webOS|iPhone|iPod|Mobile|BlackBerry/i.test(navigator.userAgent)) {window.location.href="https://m.gdyuzhou.com";}//跳转移动端页面 else if(/iPad/i.test(navigator.userAgent)){} else{} } catch(e){} } } else {//判断结果非移动设备,即跳转到pc页面 window.location="https://www.gdyuzhou.com"; } } </script>
以上代码仅展示了首页的双向跳转,如要体现在每个页面,只需要在跳转链接末尾,追加正确适配的pc端、移动端对应地址的代码即可