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

来源：互联网发布：宏观审慎管理知乎编辑：程序博客网时间：2024/05/22 06:45

<!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

阅读全文

0 0