iOS 在H5中判断是否安装了APP-369IT编程

admin管理员组
文章数量:1130349

目前在H5中唤醒APP的方式主要有两种：

1、URL Schemes
2、Universal Links

以下方式为URL Schemes唤醒APP，后面会再写一篇关于Universal Links的！

1、首先在Xcode设置scheme

2、在H5网页中加入如下代码

<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>

        <title>OPEN APP</title>
        <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui">
    </head>
    <body>
        <div>
            <a id="oppen-app" href="JavaScript:;" class="label">OPEN APP</a>
        </div>

        <script>
            (function () {
                           var name,value;
                           if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
                                  // iOS设备
                                  window.location.href = "hsbatm://"; // iOS端URL Scheme，和Xcode中的设置保持一致
                                  window.setTimeout(function() {
                                      window.location = "http://10.0.10.166:8080/#/installApp"; // appstore下载地址
                                  },  2000);

                          } else if (navigator.userAgent.match(/(android|Android);?/i)) {
                                  window.location.href = "hsbatm://"; // Android端URL Scheme
                                  window.setTimeout(function(){
                                      window.location = "http://10.0.10.166:8080/#/installApp"; // Android apk下载地址
                                  },2000);
                          }

                        })()
        </script>
    </body>
</html>

3、可以把H5上传到七牛云，获取到连接，拿到Safari浏览器测试

目前在H5中唤醒APP的方式主要有两种：

1、URL Schemes
2、Universal Links

以下方式为URL Schemes唤醒APP，后面会再写一篇关于Universal Links的！

1、首先在Xcode设置scheme

2、在H5网页中加入如下代码

<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>

        <title>OPEN APP</title>
        <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui">
    </head>
    <body>
        <div>
            <a id="oppen-app" href="JavaScript:;" class="label">OPEN APP</a>
        </div>

        <script>
            (function () {
                           var name,value;
                           if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
                                  // iOS设备
                                  window.location.href = "hsbatm://"; // iOS端URL Scheme，和Xcode中的设置保持一致
                                  window.setTimeout(function() {
                                      window.location = "http://10.0.10.166:8080/#/installApp"; // appstore下载地址
                                  },  2000);

                          } else if (navigator.userAgent.match(/(android|Android);?/i)) {
                                  window.location.href = "hsbatm://"; // Android端URL Scheme
                                  window.setTimeout(function(){
                                      window.location = "http://10.0.10.166:8080/#/installApp"; // Android apk下载地址
                                  },2000);
                          }

                        })()
        </script>
    </body>
</html>

3、可以把H5上传到七牛云，获取到连接，拿到Safari浏览器测试

本文标签：判断是否安装了 iOS App

版权声明：本文标题：iOS 在H5中判断是否安装了APP 内容由热心网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1754590873a2705265.html，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。

更多相关文章