js实现网站双向自动跳转符合当前设备的pc端、移动端页面
本文最后更新于 707 天前,其中的信息可能已经有所发展或是发生改变。
很多站长在建站时,都会考虑移动用户访问时自动跳转移动端页面,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端、移动端对应地址的代码即可
文章原文:https://www.luojiasan.com/category/study/565.html
文章来源:https://www.luojiasan.com
[声明]本站内容除特别声明外,均属站长手写原创内容。
1、本站所有原创文章、图片等资料,如需转载使用,必须附上来源出处及链接方式;
2、若本站侵犯到您的权益或任何版权问题,请立即告知本站,我们将及时删除并致以最深的歉意!
3、本站转载文章版权归原作者所有,内容为作者个人观点,本站只提供参考并不构成任何投资及应用建议。任何本站转载文章链接及得到的资讯、产品、服务,本站概不负责,亦不负任何法律责任。
暂无评论

发送评论 编辑评论


				
上一篇
下一篇