HTML应用推广-自动识别手机系统(Android/iOS)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
       	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

		<title>app下载</title>
		<style>
			.Logo {
			    position: absolute;
			    width: 7.5rem;
   				height:7.5rem;
				background: #ffff00;
				text-align: center;
				background: url(app_icon.png) no-repeat center center;
    			background-size: 100% 100%;
    			float:left;
    			top:50%;
    			left:50%;
    			margin-left:-3.75rem; 
				margin-top:-9.75rem;

			}
			.downloadBtn {
				position: absolute;
				background: #eeeeee;
				text-align: center;
				top:50%;
				left:20%;
    			width:60%;
				margin-top:0.5rem;
			}
		</style>
	</head>
	<body>
    	<div class="Logo">
		</div>
        
		<div class="downloadBtn" οnclick="download()">
			下载
			<br>
			DOWNLOAD
		</div>
	</body>
	<script type="text/javascript">


		function download() {
			setTimeout(function() {
				if (/android/i.test(navigator.userAgent)) {
					if (/MicroMessenger/i.test(navigator.userAgent)) {
						alert('微信内置浏览器不支持打开本地应用,请点击右上角使用本地浏览器打开');
					} else {
						window.location = "http://xxx";
					}
				}
				if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
					if (/MicroMessenger/i.test(navigator.userAgent)) {
						alert("微信内置浏览器不支持打开本地应用,请点击右上角使用本地浏览器打开");
					} else {
						window.location = "https://xxx";
					}
				}
			}, 1001);
		}
	</script>
</html>


转载请注明出处http://blog.csdn.net/chen_gp_x

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 撸撸猫 设计师: 设计师小姐姐
应支付0元
点击重新获取
扫码支付

支付成功即可阅读