http+js智能判断客户端并显示不同内容-源码铺子

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

教程

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

<div class="download link" id="downloadSHY"&gt;
	<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. 紧随其后加入以下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智能判断客户端并显示不同内容的教程，上述内容非常浅显易懂，希望对需要的朋友有所帮助！

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用？: 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。

提示下载完但解压或打开不了？: 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量，若小于网盘提示的容量则是这个原因。这是浏览器下载的bug，建议用百度网盘软件或迅雷下载。若排除这种情况，可在对应资源底部留言，或联络我们.。

找不到素材资源介绍文章里的示例图片？: 对于PPT，KEY，Mockups，APP，网页模版等类型的素材，文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买，且本站不负责(也没有办法)找到出处。同样地一些字体文件也是这种情况，但部分素材会在素材包内有一份字体下载链接清单。