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

分手后的思念是犯贱 2022-06-14 03:22 144阅读 0赞

<!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][http_blog.csdn.net_chen_gp_x]**

[http_blog.csdn.net_chen_gp_x]: http://blog.csdn.net/chen_gp_x