http+js智能判断客户端并显示不同内容

内容

通过http+js代码实现智能判断pc端，手机端（苹果，安卓）并根据不同的客户端显示不同的内容！目前用电脑上的浏览器，android 设备，iphone，ipad 均做过测试，此代码可行，各设备判断均正确，喜欢的同学可以来看看哦！

教程

1. 
   

1. 以下html代码加入网页的＜body＞＜/body＞之间：

<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>

1. 
   

1. 紧随其后加入以下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>

本篇文章就是关于http+js智能判断客户端并显示不同内容的教程，上述内容非常浅显易懂，希望对需要的朋友有所帮助！