HTML+JS自动识别判断客户端并显示不同数据代码

手机分安卓系统和苹果IOS系统，网页中一般加入JS判断用户客户端进行显示不同的数据，比如：判断不同系统下载不同的软件APP等

HTML+JS自动识别判断客户端并显示不同数据代码：

HTML代码：

<div class="download link" id="downloadSHY">
  <a href="苹果端链接" id="iosdown" style="display:none">
    立即下载
  </a>
  <a href="安卓端链接" id="androiddown" style="display:none">
    立即下载
  </a>
  <a href="pc端链接" id="pcdown" style="display:none">
    立即下载
  </a>
</div>

JS代码：

<script type="text/javascript">
$(function() {
  var mobile_flag = isMobile();
  // console.log(mobile_flag);
  if(mobile_flag == false){
    $("#phoneOrWeb").show();
    $('#pcdown').show();
  }else if(mobile_flag == 'iPhone'){
    $('#ios').show();
    $('#iosdown').show();
  }else{
    $('#android').show();
    $('#androiddown').show();
    }
});
function isMobile() {
  var userAgentInfo = navigator.userAgent;
    var mobileAgents = [ "Android", "iPhone", "SymbianOS", "Windows Phone", "iPad","iPod"];
    var mobile_flag = false;
    //根据userAgent判断是否是手机
    for (var v = 0; v < mobileAgents.length; v++) {
      if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
        mobile_flag = mobileAgents[v];
        break;
      }
    }
    return mobile_flag;
}
</script>
<script type="text/javascript" src="https://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

目前代码用电脑上的浏览器，android 设备，iphone，ipad 均做过测试~正常使用！

需要使用的小伙伴们抓紧操作试试吧~