码迷,mamicode.com
首页 > 移动开发 > 详细

H5唤醒APP

时间:2018-02-07 22:47:47      阅读:372      评论:0      收藏:0      [点我收藏+]

标签:image   case   display   mic   min   universal   ids   xxxxxx   javascrip   

<!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

标签:image   case   display   mic   min   universal   ids   xxxxxx   javascrip   

原文地址:https://www.cnblogs.com/0315cz/p/8428396.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!