http+js智能判断客户端并显示不同内容
通过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) > 0) {
mobile_flag = mobileAgents;
break;
}
}
return mobile_flag;
}
</script>
<script type="text/javascript" src="https://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
很好，技术贴。 圆月弯刀 发表于 2024-9-26 12:00
很好，技术贴。
必须的
页:
[1]