在浏览器判断是否安装app，并打开相应的页面

63 阅读 0 评论 42 点赞

我是靠谱客的博主喜悦书包，最近开发中收集的这篇文章主要介绍在浏览器判断是否安装app，并打开相应的页面，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

前段时间一直在搞app的下载页面和详情页，当时有个想法是先判断用户是否安装了app，如果安装了，详情页直接在app内打开，如果未安装则打开微信内的H5页面，并在详情页加入下载链接。可惜当时微信内部不支持app跳转。找了半天资料终究是没有写到项目里。今天回头看的时候发现已经忘的差不多了。当初的资料却怎么也找不到。果然资料还得靠自己整理。

以下是在网上搬过来的。暂时存放，以后可能用得着。

代码功能: 判断手机/平板是否安装app 如果安装则调用app的scheme，传入url当作参数，来做后续操作如果没有安装则跳转到app store/google play 下载app

(function () {
    var openUrl = window.location.search;
    try {
        openUrl = openUrl.substring(1, openUrl.length);
    } catch (e) {}
    var isiOS = navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone') || navigator.userAgent.match('iPod'),
        isAndroid = navigator.userAgent.match('Android'), isDesktop = !isiOS && !isAndroid;
    if (isiOS) {
        setTimeout(function () {
            window.location = "itms-apps://itunes.apple.com/app/[name]/[id]?mt=8";
        }, 25);
        window.location = "[scheme]://[host]?url=" + openUrl;
    } else if (isAndroid) {
        window.location = "intent://[host]/" + "url=" + openUrl + "#Intent;scheme=[scheme];package=[package_name];end";
    } else {
        window.location.href = openUrl;
    }
})();