根据user-agent判断客户端是PC、安卓、苹果显示不同内容

概述今天接到一个做客户的单子，他要求安卓、苹果、PC端打开的页面显示不同的APP下载链接！目前用电脑上的浏览器，android设备，iphone，ipad均做过测试，此代

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家，也给大家做个参考。

今天接到一个做客户的单子，他要求安卓、苹果、PC 端打开的页面显示不同的 APP 下载链接！目前用电脑上的浏览器，androID 设备，iphone，ipad 均做过测试，此代码可行，各设备判断均正确。分享给有需要的人，大牛请绕道~

HTML 代码

<div ID="downloadSHY">

<a href="苹果APP链接" ID="iosdown" >

立即下载

</a>

<a href="安卓APP链接" ID="androIDdown" >

立即下载

</a>

<a href="PC端链接" ID="pcdown" >

立即下载

</a>

</div>

引入 jquery.min.Js

百度压缩版引用地址:

<script src="https://libs.baIDu.com/jquery/1.9.1/jquery.min.Js"></script>

微软压缩版引用地址:

<script src="https://AJAX.aspnetcdn.com/AJAX/jquery/jquery-1.9.1.min.Js"></script>

官网jquery压缩版引用地址:

<script src="https://code.jquery.com/jquery-1.9.1.min.Js"></script>

Js 脚本

<script>

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

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的根据user-agent判断客户端是PC、安卓、苹果显示不同内容全部内容，希望文章能够帮你解决根据user-agent判断客户端是PC、安卓、苹果显示不同内容所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。