设为首页 - 加入收藏
您的当前位置:主页 > CMS教程 > 织梦CMS > 正文

网站CMS模板电脑PC版页面和手机移动版WAP页面适配跳转代码

来源:网络收集 点击数: 时间:2018-01-02

  网站CMS模板电脑PC版页面和手机移动版WAP页面适配跳转代码

前几天,我的网站发现无法自动跳转到手机站点,后来经过认真检查发现 百度的跳转js失效了 
http://siteapp.baidu.com/static/webappservice/uaredirect.js

经过本人的努力,终于找到了如下方法,现在分享给大家,方便大家使用


简单的一段js代码,即可实现电脑访问wap页面时自动跳转到pc页面,手机访问pc页面是自动跳转到wap页面,提升用户浏览体验。

方法/步骤
  1.  

    手机访问pc页面是自动跳转到wap页面、加到</head>之前即可:

    <script type="text/javascript">      

    function browserRedirect() {

    var sUserAgent = navigator.userAgent.toLowerCase();

    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";

    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.href = "http://www.a3zz.com/";

    }

    }

    browserRedirect();

    </script>

  2.  

    电脑访问wap页面时自动跳转到pc页面代码、加到</head>之前即可:

    <script>

            if( navigator.userAgent.match(/Android/i)

                || navigator.userAgent.match(/webOS/i)

                || navigator.userAgent.match(/iPhone/i)

                || navigator.userAgent.match(/iPad/i)

                || navigator.userAgent.match(/iPod/i)

                || navigator.userAgent.match(/BlackBerry/i)

                || navigator.userAgent.match(/Windows Phone/i)

            ){

            }else{

            window.location.href="http://www.a3zz.com/ ";

            }

    </script>

  3.  

栏目分类

A3站长网 站长网 站长网技术网 站长教程网 织梦CMS教程 织梦模板 帝国CMS模板 联系QQ:26991496 邮箱:26991496@qq.com

A3站长网:欢迎您!谢谢您的访问...

Top