h5页面检测手机是否安装app

通过H5检测是否安装过应用，来进行不同的判断（下载或者跳转到app中）。主要原理：创建一个iframe去打开uri。如果打开app成功，网页进入后台，再切换回来时间会超过2.5s。利用时间去检测。

具体实现的过程：

你可能遇到的问题：

1.什么是uri，获取uri需要哪些帮助？

2.安卓中应用切换到后台，计时器仍会不断运行怎么解决？

3.微信中不支持第三方uri，下载应用。怎么解决来完成跳转到自身app。

 

uri获取

这里的uri，指的就是通过Url scheme来实现的H5与安卓、苹果应用之间的跳转链接。

我们需要找到客户端的同事，来获取如下格式的链接。

-- xx://‘跳转页面’/‘携带参数’

url scheme的简单解释。

url就是平常理解的链接。

scheme是指url链接中的最初位置，就是上边链接中‘xx’的位置。

详细介绍可以看这里：使用url scheme详解：https://sspi.com/post/31500

 

用这个链接我们可以跳转到应用中的某个页面，并可以携带一定的参数。这个是我们实现这个功能的前提。

具体实现

1⃣️ 通过iframe打开app

Android平台中各个app厂商差异很大，比如Chrome从25及以后就不再支持通过js触发（非用户点击），所以我们使用iframe src地址等来触发scheme。

//再iframe中打开APP
var ifr=document.createElement('iframe');
ifr.src=openUrl;
ifr.style.display='none';

 

2⃣️判