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

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

URL Scheme

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

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

  

 

  
1
  
2
  
3
  
4
  
5
 

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

window.location.href = url;

  

 

  
1
 

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

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

  

 

  
1
  
2
  
3
  
4
  
5
 

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

参考方案:
https://www.npmjs.com/package/callapp-lib

参考文章
h5唤醒APP小记

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/108325774