实现短信中链接打开app,已安装直接打开，未安装跳转到下载页面

最新推荐文章于 2023-10-09 10:02:07 发布

马大哈小果果

最新推荐文章于 2023-10-09 10:02:07 发布

阅读量1.6k

点赞数 1

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/weixin_44698541/article/details/102939305

版权

JS 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种通过网页链接启动iOS和Android应用的方法，并在应用未安装时引导用户前往下载页面，使用JavaScript和navigator.userAgent实现设备检测。

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

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>this's a demo</title>
    <meta name='apple-itunes-app' content='app-id=这里填写apple ID'> //这里要填写一下apple ID 
</head>
<body>
    <a href="#" id="openApp"><h1>测试短信启动app</h1></a>
</body>
</html>
<script type="text/javascript">	
    document.getElementById('openApp').onclick = function(e){
        if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i))
           {
            window.location.href = "ios 启动app的链接";//ios app协议  找前端的要
            window.setTimeout(function() {
                window.location.href = "下载页面";
            }, 500)
           }
        if(navigator.userAgent.match(/android/i))
        {
            window.location.href = "android 启动app的链接";//android  app协议  链接找前端的要
            window.setTimeout(function() {
                window.location.href = "下载页面";
            }, 500)    
        }
    };
</script>