AppLink

<a 
    href="download-link"                         // 服务器端设置的根据UA判断的自动跳转链接，包含下面4中情况
    data-href-android="android-download-link"    // Android包下载地址
    data-href-ios="itunes-link"                  // itunes地址
    data-href-qq-android="myapp-link"            // 应用宝推广地址
    data-href-qq-ios="myapp-link"                // 应用宝推广地址
    data-deeplink="deep-link"                    // 跳转App地址
>立即打开</a>

// 下载链接优化代码
// 根据agent取指定的值进行优化赋值
function optimize(anchor) {
    if (!anchor) {
        return;
    }

    var href = anchor.getAttribute('data-href-' + agent);

    if (!href) {
        return;
    }

    anchor.href = href;
}

// 尝试打开App代码
// App打开之后，浏览器转入后台运行，计时器会暂停，根据这个时间差判断是否打开了App
// 如果App打开失败，则执行后备方案，跳转到href地址进行App下载活安装
document.body.addEventListener('click', function (e) {
    // Hijack click event

    var target = e.target,
        deeplink = target.getAttribute('data-deeplink'),
        start;

    if (target.tagName.toLowerCase() !== 'a' || !deeplink || clicked || timeout) {
        return;
    }

    e.preventDefault();
    e.stopImmediatePropagation();

    // Store start time
    start = Date.now();
    clicked = true;

    // Timeout to detect if the link worked
    timeout = setTimeout(function () {
        // Check if any of the values are unset
        if (!clicked || !timeout) {
            return;
        }

        // Reset things
        clicked = false;
        timeout = null;

        // Has the user left the screen? ABORT!
        if (Date.now() - start >= delay * 2) {
            return;
        }

        open(target.href);
    }, delay);

    // Go to app
    open(deeplink);
}, false);

// 取消备用代码执行
// 当浏览器窗口发生visibility变化时，App应该被调起过
function handleVisibilityChange() {
    // Triggered on blur
    if (!clicked || !timeout) {
        return;
    }

    // Reset everything
    clearInterval(timeout);
    timeout = null;
    clicked = false;
}

document.addEventListener(visibilityChange, handleVisibilityChange, false);