同域名下PC与移动端自动识别跳转

Posted on 2016-08-04 10:53  沉睡的码农  阅读(6711)  评论(0)    收藏  举报

输入相同域名，在pc端和移动端会出现不同的页面效果，一种是用栅格系统实现自适应，更多的是设计两套不同的模板和两个二级域名或者一个主域名和一个二级域名（就是有区别就可以了）;

js代码判断浏览器的用户代理头类别从而实现不同跳转

<script type="text/javascript">
        (function(){
            var ua = window.navigator.userAgent.toLowerCase();
            if (!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) {
               window.location.href = "pc page";
            }
            else if (ua.indexOf("iphone") > 0 || ua.indexOf("android") > 0) {
               //window.location.href = ""; 
            } 
            }());
</script>

*这是写在移动端页面中的，pc端只需要将上面的跳转地址注释，下面的反注释就可以了。同时这段代码需放在页面的头部，以避免页面内容的加载而浪费流量等！