通过http+js代码实现智能判断pc端,手机端(苹果,安卓)并根据不同的客户端显示不同的内容!目前用电脑上的浏览器,android 设备,iphone,ipad 均做过测试,此代码可行,各设备判断均正确,喜欢的同学可以来看看哦!
教程
以下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>
紧随其后加入以下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>
上一篇:解决thinkphp5未定义变量会抛出异常-页面错误,请稍后再试的问题
下一篇:[MYSQL教程] MYSQL代码 定期备份Mysql数据库
郑重声明:
本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。
若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
我们不承担任何技术及版权问题,且不对任何资源负法律责任。
如无法下载,联系站长索要。
如有侵犯您的版权,请给我们来信:cainiaovip8@qq.com,我们尽快处理。