您的位置：首页 > 移动开发 > IOS开发

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

2017-06-08 14:29 971 查看

<!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" onclick="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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航