app下载判断手机是安卓还是苹果

骑猪看日落 2022-06-04 02:11 225阅读 0赞

<!DOCTYPE html>
    <html class="pixel-ratio-2 retina android android-6 android-6-0">
    <head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
    	content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1.0" />
    <meta content="application/xhtml+xml;charset=UTF-8"
    	http-equiv="Content-Type" />
    <meta content="telephone=no, address=no" name="format-detection" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style"
    	content="black-translucent" />
    <title>App下载</title>
    <link rel="stylesheet" type="text/css" href="files/jquery-weui.min.css">
    <style type="text/css" >
    		body{
                background: url(img/X-04.png);
    		    background-size: 100%;
    		    background-repeat: no-repeat;
    		    position: absolute;
            }
            .center {
    		  	position: fixed;
    		  	top: 50%;
    		  	left: 50%;
    		  	width:50%;
    		  	height: 50%;
    		  	-webkit-transform: translateX(-50%) translateY(-50%);
    		}
    </style>
    <script src="files/jquery-1.10.2.js"></script>
    <script src="files/jquery.min.js"></script>
    <script src="../js/tools.js"></script>
    <script type="text/javascript" src="files/jquery-weui.min.js"></script>
    <script type="text/javascript" src="files/city-picker.min.js"></script>
    
    </head>
    <body>
    	<div class="center">
    		<div style="text-align: center;">
    			<img id="ios" οnclick="downios()" src="img/X-02.png" style="width:100%;margin-top:115%";>
    		</div>
    		<div style="text-align: center;">
    			<img id="and" οnclick="downand()" src="img/X-03.png" style="width:100%;margin-top:15%";>
    		</div>
    	</div>
    	<script>
    	
    	  $(document).on("click","#ios",function(){
    		  var u = navigator.userAgent, app = navigator.appVersion;   
    		  var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端   
    		  if(isiOS){
    			  location.href = downAppIos;
    		  }else{
    			  alert('仅IOS设备可用');  
    		  }
          })
           $(document).on("click","#and",function(){
        	   var u = navigator.userAgent, app = navigator.appVersion;   
        	   var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器   
        	if(isAndroid){
        		location.href = downAppAnd;
        	}else{
        		alert('仅安卓设备可用');  
        	}
          })
    	</script>
    </body>
    </html>