<!--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 id="div_openapp">
    <div>
        <img src="//file2.m6go.com/PpQYYJFNRkakfM3Ql8YFVD" alt=""/>
        <a href="javascript:;" class="downClosed abs"></a>
        <a id="openApp" href="//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频道！