加入收藏 | 最新开课 | 最新资讯
  • 泉州浮桥企业公司办公文
  • 泉州鲤城浮桥金龙街道、
  • 泉州鲤城浮桥、中山公园
  • 泉州浮桥电脑设计培训中
  • 2018高考完了我要学电脑设
  • 泉州鲤城photoshop淘宝详情
  • 平面广告包装ps/cad/cd-201
  • 福建百科教育泉州专业a
  • 泉州浮桥金龙AUTOCAD机械零
  • Win10开机密码忘了?教你破
  • 泉州电脑设计培训班欢迎您来学习!
    泉州电脑培训班 > 在线学习 > javascript学习 >
    全部课程 专业课程 精品课程 软件课程 职业认证 学历教育 全部课程大集结

    泉州网页设计培训班-JS判断是PC还是手机打开不同页面

    时间:2018-03-09 22:18   来源:泉州培训班   作者:李老师15905099719   点击: 次 (责任编辑:admin)
    泉州网页设计培训班-JS判断是PC还是手机打开不同页面

    泉州网页设计培训班-JS判断是PC还是手机打开不同页面




    JS判断是PC还是手机打开不同页面-道成设计

    JS判断是PC还是手机打开不同页面-道成设计

    <script type="text/javascript">
    <!-- 
    //平台、设备和操作系统
    var system ={
    win : false,
    mac : false,
    xll : false
    };
    //检测平台
    var p = navigator.platform;
    system.win = p.indexOf("Win") == 0;
    system.mac = p.indexOf("Mac") == 0;
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
    //跳转语句,如果是手机访问就自动跳转到wap.baidu.com页面
    if(system.win||system.mac||system.xll){
     
    }else{
    window.location.href="http://wap.baidu.com";
    }
    -->
    </script>
     


    <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 (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { 
    window.location.href= 'http://www.webapp.com'; 
    } else { 
    window.location= 'http://www.pc.com'; 
    browserRedirect(); 
    </script>
      在移动设备应用越来越广泛的时候,为了留住更多的客户给客户更好的用户体验,传统网站与手机网站并存的情况越来越多,如何平衡两者的关系,便成了一个值得探讨的话题,因为PC站与手机站有着很大的区别为了更友好的显示,最好的方式是让系统自动判断用户的浏览设备而打开不同的页面。时下也有很多方法可以参考,道成也有自己的一些心得给大家分享,只需引用一段一段JS代码即可,非常简单。
      以深圳著名物流公司华鹏发物流公司网站为例:

      PC端:

      wbapp:

      二者大不相同,所以用加载不同的css等方式不好实现,而我们加用下面的JS代码后,问题就变得很简单。

      代码1:否则打开网站默认页面


      代码2:
      引入代码后系统可以自动判断是手机平板等移动设备还是PC客户端,而打开不同的页面,而展示我们设置的相应页面,交互友好,更有利于留住客户。
    上一篇: javascript深入了解(私有作用域)--泉州网页培训班
    下一篇:泉州网页培训班-织梦dedecms后台使用详细教程