您当前的位置: 首页 >  前端

彭世瑜

暂无认证

  • 3浏览

    0关注

    2791博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

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

彭世瑜 发布时间:2020-08-31 17:28:31 ,浏览量:3

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,没有安装即跳转至下载链接。

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

参考文章 h5唤醒APP小记

关注
打赏
1665367115
查看更多评论
立即登录/注册

微信扫码登录

0.0494s