控制pc端和手机端显示不同的页面

Posted �Z·S·L☁

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了控制pc端和手机端显示不同的页面相关的知识,希望对你有一定的参考价值。

《直接添加下方代码至index首页代码最上方》

<script type="text/javascript">  
    var userAgent = navigator.userAgent.toLowerCase();     
    var platform;     
    if(userAgent == null || userAgent == '')
    { 
  platform = 'WEB'; location.href = "http://www.0451huishou.cn/";
     }else{ 
  if(userAgent.indexOf("android") != -1 )
     { 
    platform = 'ANDROID';
    location.href = "http://www.0451huishou.cn/3g/"; 
      }else if(userAgent.indexOf("ios") != -1 || userAgent.indexOf("iphone") 

!= -1 || userAgent.indexOf("ipad") != -1)
  { 
    platform = 'IOS';
    location.href = "http://www.0451huishou.cn/3g/";
   }else if(userAgent.indexOf("windows phone") != -1 )
       {
    platform = 'WP';
    location.href = "http://www.0451huishou.cn/3g/";
        } 
     } 
</script>

《注意更换为自己的域名,并且把手机端的页面代码放在根目录先命名“3g”》

                                                                                                                                                

                                                                                                                                              供参考

以上是关于控制pc端和手机端显示不同的页面的主要内容,如果未能解决你的问题,请参考以下文章

根据当前设备环境来做pc端和手机端网页显示

前端开发中pc端和移动端的区别

求教各路大神 手机端和PC端两个站点,怎么用同一个域名访问

前端:移动端和PC端的区别

使用bootstrap 如何做自适应的网页,比如一个大图如何适应手机端和pc端

一个项目,同时要适配移动端和pc端,你会怎么做