给说说加了一个长按说说其他说说...
1404 字
5 分钟
http+js智能判断客户端并显示不同内容
2024-06-06
无标签

通过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 &lt; mobileAgents.length; v++) {
  if (userAgentInfo.indexOf(mobileAgents[v]) &gt; 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智能判断客户端并显示不同内容
https://www.mancs.cn/32
作者
漫川
发布于
2024-06-06
许可协议
CC BY-NC-SA 4.0

发布评论