JS識別判斷Android/IOS設備實現跳轉不同的下載地址

代碼如下:
寫好的下載頁面,小白可以直接拿着用
需要替換的是:
1.軟件截圖圖片的地址
2.安卓和IOS的下載網址


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,user-scalable=no">
		<title>JS識別判斷Android/IOS設備實現跳轉不同的下載地址</title>
		<style type="text/css">
			a{ text-decoration: none;}
			img{ display: block; margin: 0 auto; width: 100%; border: 0;}
			.btn{ width: 100%; position: fixed; bottom: 0; min-width: 320px;  background: #fefefe;  padding: 12px 0;
				  color: #fff; text-align: center; line-height: 45px; border-radius: 3px; border-top: 1px solid #dcdcdc;
			}
			.btn a{ height: 45px; background:#25cffb ; color: #fff; display: block; width: 90%; margin: 0 auto; font-size: 18px; font-weight: bold;}
		</style>
	</head>
	<body>
		<a href="javascript:void(0)" onclick="jump()">
			<!-- 軟件截圖/海報地址 -->
			<img src="./123.png" />
		</a>
		<div class="btn">
			<a href="javascript:void(0)" onclick="jump()">
				立即下載
			</a>
		</div>
		<script src="jquery-1.9.1.min.js"></script>
		<script type="text/javascript">
		function jump(){
			var u = navigator.userAgent, app = navigator.appVersion;
			var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android終端或者uc瀏覽器
			var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端
			if(isAndroid==1){
				// 替換安卓下載地址
				window.location.href="http://www.baidu.com"
			}
			else(
				// 替換蘋果ios的下載地址
				window.location.href="http://www.google.com"
			)
		}
//		alert('是否是Android:'+isAndroid);
//		alert('是否是iOS:'+isiOS);
		</script>
	</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章