移动端浏览器打开app或者跳转链接

最新推荐文章于 2025-11-24 18:06:28 发布

转载最新推荐文章于 2025-11-24 18:06:28 发布 · 6.2k 阅读

文章标签：

#js #浏览器 #app

JS/JQUERY 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种在网页中尝试优雅地打开特定APP的方法。该方法通过创建一个隐藏的iframe元素并设置其src属性为APP专用链接来实现。若用户已安装对应APP则会直接启动，否则将跳转至备用网址。

页面：

<a href="htttp://www.baidu.com" id="openApp">打开</a>

脚本：

document.getElementById('openApp').onclick = function(e){
        // 通过iframe的方式试图打开APP，如果能正常打开，会直接切换到APP，并自动阻止a标签的默认行为
        // 否则打开a标签的href链接
        var ifr = document.createElement('iframe');
        ifr.src = 'aa://';  //app链接
        ifr.style.display = 'none';
        document.body.appendChild(ifr);
        window.setTimeout(function(){
            document.body.removeChild(ifr);
        },3000)
    };