h5页面判断是否安装APP,如果安装就拉起APP,否则就下载

 if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
                    var loadDateTime = new Date();
                    window.location = "...";//schema链接或者universal link
                    window.setTimeout(function() { //如果没有安装app,便会执行setTimeout跳转下载页
                        var timeOutDateTime = new Date();
                        if (timeOutDateTime - loadDateTime < 5000) {
                            window.location = "..."; //ios下载地址  
                        } else {
                            window.close();
                        }
                    }, 500);
                    
                } else if (navigator.userAgent.match(/android/i)) {
                    var state = null;
                    try {
                        window.location = '...'; //schema链接或者universal link
                        window.setTimeout(function() {
                            window.location = "..."; //android下载地址  
                        }, 500);
                    } catch (e) {}
                }
            },
因为h5页面无法直接获取APP是否安装,所以只能够间接进行判断,就是通过跳转的方式,如果跳转到APP成功,则会直接调转,如果不成功就弹出APP的下载链接

其中schema链接需要自己在项目里面进行配置,这里附上uni-app的官网说明链接,https://ask.dcloud.net.cn/article/409,希望能给在摸索中的码友些一点点帮助哦。
posted @ 2020-10-08 17:24  前端海  阅读(10090)  评论(0编辑  收藏  举报