前端：移动端H5页面中唤醒打开App

更新时间：2022-08-22 14:29:10

H5页面中唤醒app，版本问题可能导致不生效，只能说端太多，水太深

URL Scheme

1、新建一个隐藏的 iframe ，地址指向需要打开的url

// 在ios支持不好
var iframe = document.createElement('iframe');
iframe.style.display = 'none';
iframe.src = url;
document.body.appendChild(iframe);

2、使用 window.location 或者 window.location.href 刷新当前页面

window.location.href = url;

3、新建一个隐藏的 a 标签，地址指向打开的url，并触发打开链接事件

var a = document.createElement('a');
a.style.display = 'none';
a.href = url;
document.body.appendChild(a);
a.click();

以上方法是只是解决了在已安装App设备唤醒App的功能，并不能判断是否已安装App，没有安装即跳转至下载链接。

参考方案:

参考文章