admin 管理员组

文章数量: 1184232

遇到的问题：

公司的App产品，在运营推广上有一个需求。要求可以让用户在访问我们的推广网页时，可以判断出这个用户手机上是否安装了我们的App。如果安装了则可以直接在手机上打开，否则就前往下载。从而形成一个推广上的闭环。

浏览器和app没有通信协议，所以h5不知道用户的手机释放安装了app。因此只能是h5去尝试唤起app，若不能唤起，引导用户去下载我们的app。

微信里屏蔽了 schema 协议,如果在微信中打开h5，则会提示用户在浏览器中打开。

解决思路：

想通过iframe的方式试图打开APP，如若不行则用window.location的方法解决。

对于点击链接后，能否直接打开，可以通过下面的代码来实现。前提条件：你得知道你的APP对应的打开协议，如贴吧APP，协议为：com.baidu.tieba:// ，微信的：weixin:// ，等等。

   <!-- a标签点击打开的动作，在click事件中注册 -->
 2 <a href="javascript:;" >App客户端</a>

 3 <script type="text/javascript">
       //判断浏览器
       var u = navigator.userAgent;
       if(/MicroMessenger/gi.test(u) {
          // 引导用户在浏览器中打开
          alert('请在浏览器中打开');
          return;
       }
 4     document.getElementById('openApp').onclick = function(e){
 5         // 通过iframe的方式试图打开AP

本文标签： 下载地址 跳转 怎么处理 页面 App

版权声明：本文标题：问题：h5页面唤起App，有则打开，否则跳转下载地址，怎么处理 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1765750082a3411665.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。