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

最新推荐文章于 2024-01-15 18:04:53 发布

原创最新推荐文章于 2024-01-15 18:04:53 发布 · 556 阅读

0 ·

CC 4.0 BY-SA版权

Web前端专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种实现方案，即如何判断用户的设备上是否已安装特定的应用程序（App）。若已安装，则通过Scheme机制启动该App并传递URL参数；若未安装，则引导用户前往应用商店进行下载。文中提供了针对iOS和Android平台的具体实现代码。

前段时间一直在搞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;
    }
})();