本文最后更新于 1301 天前,其中的信息可能已经有所发展或是发生改变。
很多站长在建站时,都会考虑移动用户访问时自动跳转移动端页面,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端、移动端对应地址的代码即可




