H5下载打开APP页面通用模板

1. HTML代码

url: http://view.seeyouyima.com/startup.html?num=424&url=meetyou.linggan%3A%2F%2F%3Fpush_type%3D62

<a οnclick="download_meiyou();return false;" title="下载" href="javascript:;" id="download-btn"></a>

2. JS代码

<script type="text/javascript">

// 获取url参数，Bug: 如果是版本，则要同时兼任2.0和2两种情况。

function getUrlParam(name) {

    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|#|$)");

    var r = window.location.search.substr(1).match(reg);

    if (r != null) {

        if (name == 'v') { //版本

            r[2] = parseFloat(r[2].substr(0, 3));

            return r[2];

        }

        return encodeURIComponent(decodeURIComponent(unescape(r[2])));

    }

    return null;

}

 

// 区分userAgent浏览器类型，Bug: 微信判断，不能用var weixin = navigator.userAgent.match(/MicroMessenger/i) == "micromessenger";进行判断。

var browser = navigator.userAgent.toLowerCase(); //userAgent类型;

var ios = browser.indexOf("iphone") > -1 || browser.indexOf("ipad") > -1 || browser.indexOf("ipod") > -1 || browser.indexOf("itouch") > -1 || browser.indexOf("ios") > -1 || browser.indexOf("mac") > -1; //ios终端

var android = browser.indexOf("android") > -1 || browser.indexOf("linux") > -1; //android终端

var weixin = browser.indexOf('micromessenger') > -1; //微信浏览器

var other = browser.indexOf('mqqbrowser') > -1 || browser.indexOf('ucweb') > -1; //其它浏览器

var wp = browser.indexOf('windows phone') > -1; //window phone终端

var pc = browser.indexOf('windows nt') > -1 || browser.indexOf('macintosh') > -1; //PC终端=window终端+mac终端

 

// 设置各个版本的下载链接地址

var path = {
    169: {
        ios: 'https://itunes.apple.com/us/app/you-zi-jie-shou-ji-shang-nu/id1054877169?l=zh&ls=1&mt=8',
        android: 'http://yzjdl.xixiaoyou.com/169.apk',
        wechat: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.meiyou.youzijie&ckey=CK1319740419600'
    },
    224: {
        ios: 'http://um0.cn/1DDQhs',
        android: 'http://yzjdl.xixiaoyou.com/youzijie224.apk',
        wechat: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.meiyou.youzijie&ckey=CK1319740419600'
    },
    225: {
        ios: 'http://um0.cn/1Vzj5G',
        android: 'http://yzjdl.xixiaoyou.com/youzijie225.apk',
        wechat: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.meiyou.youzijie&ckey=CK1319740419600'
    },
    226: {
        ios: 'http://um0.cn/35VMNr',
        android: 'http://yzjdl.xixiaoyou.com/youzijie226.apk',
        wechat: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.meiyou.youzijie&ckey=CK1319740419600'
    },

    264: {
        ios: 'https://itunes.apple.com/app/apple-store/id1054877169?pt=91900801&ct=fensitong264&mt=8',
        android: 'http://yzjdl.xixiaoyou.com/youzijie264.apk',
        wechat: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.meiyou.youzijie&ckey=CK1319740419600'
    },
    265: {
        ios: 'https://itunes.apple.com/app/apple-store/id1054877169?pt=91900801&ct=fensitong265&mt=8 ',
        android: 'http://yzjdl.xixiaoyou.com/youzijie265.apk',
        wechat: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.meiyou.youzijie&ckey=CK1319740419600'
    },
    423: {
        ios: 'https://itunes.apple.com/app/apple-store/id1054877169?pt=91900801&ct=uctoutiao423&mt=8 ',
        android: 'http://yzjdl.xixiaoyou.com/youzijie423.apk',
        wechat: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.meiyou.youzijie&ckey=CK1319740419600'
    },
    424: {
        ios: 'https://itunes.apple.com/app/apple-store/id1054877169?pt=91900801&ct=uctoutiao424&mt=8',
        android: 'http://yzjdl.xixiaoyou.com/youzijie424.apk',
        wechat: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.meiyou.youzijie&ckey=CK1319740419600'
    }
};

 

// 点击按钮，执行download_meiyou函数，Bug: 其中PC端的统一下载Android的版本。

// Bug: 在IOS和Android判断中均要优先判断微信类型，否则微信中的链接直接打开ios链接而无反应。

function download_meiyou() {

    var downloadURL = "";

    var num = getUrlParam('num');

    if (ios) {

        if (weixin)

            downloadURL = path[num].wechat;

        else

            downloadURL = path[num].ios;

    } else if (android || other) {

        if (weixin)

            downloadURL = path[num].wechat;

       else

           downloadURL = path[num].android;

   // } else if (wp) {

   //     downloadURL = "http://t.cn/RPcmviT";

    } else {

        downloadURL = path[num].android;

    }

    window.location.href = downloadURL;

}

 

// 自动打开APP，Bug: 其中IOS利用window.location直接跳转协议地址，Android利用iframe打开。

window.onload = function() {

    var url = getUrlParam('url');

    if (url) {

        url = decodeURIComponent(url);

    }

    if (ios) {

        window.location = url;

    } else if (android) {

        var b = document.createElement("iframe");

        b.src = url;

        b.style.display = "none";

        window.setTimeout(function() {

            document.body.appendChild(b);

        }, 10);

        window.setTimeout(function() {

            document.body.removeChild(b);

        }, 2000);

    }

}

</script>