H5唤醒APP

Posted 2020-10-23 0315cz

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了H5唤醒APP相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>

<script type="text/javascript">
    var isIphone = navigator.userAgent.match(/(iPhone|iPod|iPad);?/i);
    var isandroid = navigator.userAgent.match(/android/i);
    //ios 9 以下
    var iphoneSchema = ‘taobao://item.taobao.com/item.html?id=560597539512‘;
    //iOS 9及以上版本
    var universalLink = ‘https://app.xxxxxx.com/share/project?cid=39783&cover=http://file.xxxxxx.com/eImg/uimages/20170901/1504260781459851.jpg‘;

    //https://app.xxxxxx.com/share/article?cid=39783&cover=http://file.xxxxxx.com/eImg/uimages/20170901/1504260781459851.jpg
  
    //Android 打开京东
    var androidSchema = ‘taobao://item.taobao.com/item.html?id=560597539512‘;
    var downUrl = ‘http://android.myapp.com/myapp/search.htm?kw=%E4%BA%AC%E4%B8%9C‘;//下载连接

    var isWeixin = function(){ //判断是否是微信
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            return true;
        } else {
            return false;
        }
    };

    (function(){
        //微信
        if (isIphone && navigator.userAgent.match(/os\s+(\d+)/i)[1] - 0 >= 9) {
            //使用通用链接跳转（连接 路径 为 下载页路径， 后跟参数， 安装， 则跳转app，  未安装则跳转对应 通用连接 进行下载）
            //重定向 到下载页面
            window.location = universalLink;
            return false;
        } else {
            if (isWeixin()) {
                //在微信内置浏览器中，提醒用户用系统浏览器打开(Android  iOS)
                alert(‘使用手机浏览器打开‘);
            } else {
                if (isIphone) {
                    $(‘a‘).attr(‘href‘, downUrl);
                    var ifr = document.createElement(‘iframe‘);
                    ifr.src = iphoneSchema;
                    ifr.style.display = ‘none‘;
                    document.body.appendChild(ifr);
                    setTimeout(function(){
                        document.body.removeChild(ifr);
                    }, 3000);
                } else if (isAndroid) {
                    window.location.href = androidSchema;
                    setTimeout(function(){
                        window.location.href = downUrl; //android下载地址
                    },1000);
                    return false;
                } else {
                    //非iOS、Android 手机， 隐藏打开文章按钮
                }
            }
        }
    }());



</script>
</body>
</html>

以上是关于H5唤醒APP的主要内容，如果未能解决你的问题，请参考以下文章