• js实现不同客户终端的判断(ios,平板电脑)
  • 崽崽 发表于 2016/2/16 20:30:00 | 分类标签: js 终端判断
  • 这个功能其实主要针对下载功能来说的,安卓下载地址肯定和ios下载地址不一样,如何在不同设备访问下载地址时就能根据用户的设备进行相应的跳转。同时,微信访问的地址如果是下载地址的话,微信本身是会屏蔽跳转的。需要识别微信,并给出提示用其他浏览器打开此网址。

    代码很简单。完整代码如下:

    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    2 <html><head><title>自动识别设备</title>
    3     <meta content="text/html; charset=unicode" http-equiv=Content-Type>
    4     <meta name=viewport content="width=device-width, initial-scale=1.0">
    5     <meta name=GENERATOR content="MSHTML 11.00.9600.17496">
    6     <style>
    7         *{  margin: 0;  padding: 0;  }
    8         body{  background: #FFFFFF;  }
    9         img{display: block;width: 100%;vertical-align: middle;}
    10     </style>
    11     <script>
    12         function detectOS() {
    13             var osUserAgent = navigator.userAgent.toLowerCase();
    14             if (osUserAgent.indexOf("iphone") > -1 || osUserAgent.indexOf("ipad") > -1 || osUserAgent.indexOf("ipod") > -1) {
    15                 if (osUserAgent.indexOf("micromessenger") > -1) {
    16                     return "wechat";
    17                 }
    18                 //alert("注意:只限越狱用户可安装");
    19                 top.location.href = 'http://www.apple.com/';
    20                 return "iphone";
    21             }
    22             if (osUserAgent.indexOf("android") > -1 || osUserAgent.indexOf("adr") > -1) {
    23                 if (osUserAgent.indexOf("micromessenger") > -1) {
    24                     return "wechat";
    25                 }
    26                 top.location.href = 'http://www.baidu.com';
    27                 return "android";
    28             }
    29             if (osUserAgent.indexOf("win") > -1) {
    30                 top.location.href = 'http://www.baidu.com';
    31                 return "windows";
    32             }
    33             return osUserAgent;
    34         }
    35         detectOS();
    36     </script>
    38 </head>
    39 <body>
    40 <p><img src="http://img.m.duoku.com/cimages/img/20444/20444.png" /></p>
    41 </body>
    42 </html>

    三个if语句实现查询:ios、Android、还是win(pc)  ,

    在 ios和Android的语句中加入了

     if (osUserAgent.indexOf("micromessenger") > -1) {
                       return "wechat";
                    }
    验证是否是在微信中打开的,如果不需要此功能可以删去。
    top.location.href = 'http://www.apple.com/';即为相应设备的跳转地址。
    最后 body里面有一张图片,当为微信访问时,显示此图片,图片内容为提示用其他浏览器打开。

  • 请您注意

    ·自觉遵守:爱国、守法、自律、真实、文明的原则

    ·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规

    ·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品

    ·承担一切因您的行为而直接或间接导致的民事或刑事法律责任

    ·您在编程中国社区新闻评论发表的作品,本网站有权在网站内保留、转载、引用或者删除

    ·参与本评论即表明您已经阅读并接受上述条款

  • 感谢本文作者
  • 作者头像
  • 昵称:崽崽
  • 加入时间:2013/5/22 0:00:00
  • TA的签名
  • 这家伙很懒,虾米都没写
  • +进入TA的空间
  • 以下内容也很赞哦
分享按钮