单击链接打开APP，或自动跳转下载页

最新推荐文章于 2024-10-15 12:11:16 发布

iteye_10269

最新推荐文章于 2024-10-15 12:11:16 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript app ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_10269/article/details/82614756

js 专栏收录该内容

4 篇文章

订阅专栏

本文探讨了手机应用内如何实现访问链接自动打开客户端的功能，若客户端未安装则提供下载页面或链接，通过iframe方式尝试打开并设置1秒内未打开的跳转逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

手机等移动终端上的页面中，访问链接（使用APP的自定义协议）自动打开相应的APP，若未安装该APP，则重定向至下载页面或下载链接。

网上找的不够完整，参考了下淘宝，立贴备忘。


<a href="javascript:;" id="opener" >打开客户端</a>
<script type="text/javascript">
    var timer, ifr;
    document.getElementById('openApp').onclick = function(e){
        // 通过iframe的方式试图打开APP，如果能正常打开，会直接切换到APP，并自动阻止a标签的默认行为
        ifr = document.createElement('iframe');
        ifr.src = 'myapp://xxxx';  //APP定义的打开协议
        ifr.style.display = 'none';
        document.body.appendChild(ifr);

        //1秒内未打开APP，则跳转下载等。
        timer = window.setTimeout(function(){
            location.href = "http://下载链接/..."; 
        }, 1000);
    }

    //摘自“淘宝”，打开APP后，自动移除下载跳转
    window.onblur = function(){
        if(timer){
            clearTimeout(timer);
            timer = null;
        }

        if(ifr){
            document.body.removeChild(ifr);
        }
    }
</script>