webapp 启动 手机app

标签：

<!--APP下载端-->
<style>
.download-con{position:fixed;left:0;bottom:0;}
.download-con img{width:100%;display:block}
.downAPP{position:relative}
.nowOpen{right:0;top:0;width:25%;height:100%}
.downClosed{left:0;top:0;width:8%;height:100%;}
</style>
<div class="download-con" id="div_openapp">
<div class="downAPP">
<img src="http://file2.m6go.com/PpQYYJFNRkakfM3Ql8YFVD" />
<a href="javascript:;" class="downClosed abs"></a>
<a id="openApp" href="http://www.m6go.com/app/" class="nowOpen abs"></a>
</div>
</div>
<script language="javascript">
$(‘.downClosed‘).click(function(){
$(‘.download-con‘).hide();
});
$(‘.nowOpen‘).click(function (){
// 通过iframe的方式试图打开APP，如果能正常打开，会直接切换到APP，并自动阻止a标签的默认行为
// 否则打开a标签的href链接
var ifr = document.createElement(‘iframe‘);
var u = navigator.userAgent, app = navigator.appVersion;
var isAndroid = u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1; //android终端或者uc浏览器
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
var src="";
if (isAndroid) {
src = "m6gocom://";
} else if (isiOS) {
//如果是IOS系统则指向itunes否则进入统一的app下载页
$("#openApp").attr("href","https://itunes.apple.com/cn/app/qq-2011/id681580740?mt=8");
src = "mailegou://";
}
ifr.src = src;
ifr.style.display = ‘none‘;
document.body.appendChild(ifr);
window.setTimeout(function () {
document.body.removeChild(ifr);
}, 3000)
});
</script>

webapp 启动 手机app

标签：

原文地址：http://www.cnblogs.com/taiyonghai/p/4741716.html