H5唤醒App，用通用连接解决在微信打开APP的问题

最近的项目中，点击按钮唤醒App的需求经常有，之前也有考虑过用通用连接的方式来解决，但代码修改来修改去，一直都觉得不完美，最后只能先暂时用下面的方式来解决，后期有更好的解决办法再去优化。

下面代码的解决思路是，点击下载App按钮的时候先给个“正在为您跳转”的提示，如果在微信中，会先打开App Store，然后在App Store里面打开App(如果你的手机上已经下载了App的话)，如果手机上并没有下载该App就会跳转到应用宝，然后在应用宝中下载。

在微信上会出现这种原因是因为：schema 被微信屏蔽了，除非一些和微信有合作的 app 可以进入到白名单，其他的应用在微信内都没办法通过自定义 schema 协议直接唤起 app，前端页面需要对唤起场景进行判断。

而在苹果手机的Safari中(如果手机已经安装了该App)就可以直接打开。
代码如下：

HTML代码：

CSS代码：

Javascript代码：