HTML5页面怎么调起APP

晶晶 • 01/20 13:05 • 程序猿 • 阅读 33

本篇内容主要讲解“HTML5页面怎么调起APP”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“HTML5页面怎么调起APP”吧!
　　标签：iframe app href HTML5 timeout var 调起 APP location
　　为了提升app的曝光和app的用户新增，添加H5分享页的应用场景是必不可少的，但是各种平台环境不一，要如何兼容和策略处理。下面会一一说明
　　调起原生 app，然后下载APP
　　不同平台的兼容和策略处理，比如微信，微博，QQ，QQ空间，浏览器
　　android、ios调起的方式
　　Schame + Android 免费云主机域名Itent
　　Schema ＋　Universal links（IOS9+）
　　
　　window.location.href=””;
　　说明：由于无法确定是否安装了客户端，因此通过window.location=schema的方式可能导致浏览器跳转到错误页；所以通过iframe.src或a.href载入schema是目前比较常见的方法；
　　代码实现
　　const iframeCallAPP=（url, downloadUrl, ios9Type）=> {
　　console.log（'[iframeCallAPP1]’+url）
　　var timeout
　　var t=Date.now（）
　　var interval=ios9Type ? 2500 : 2000
　　timeout && clearTimeout（timeout）
　　timeout=setTimeout（function （） {
　　if （Date.now（） – t

　　}
　　}, interval）
　　if （ios9Type） {
　　location.href=
　　}
　　var docNode=document
　　var iframe=docNode.createElement（’iframe’）
　　iframe.setAttribute（’src’, url）
　　// iframe.setAttribute（’target’, ‘_self’）;
　　iframe.setAttribute（’style’, ‘display:none’）
　　docNode.body.appendChild（iframe）
　　setTimeout（function （） {
　　docNode.body.removeChild（iframe）
　　}, 200）
　　}
　　微信
　　应用宝deeplink
　　微博
　　中间提示页
　　类似于“请在浏览器打开”
　　当手机安装了App，能调起app后就不进行下载
　　没有安装App,过了一段时间，进行下载
　　H5 page call native app
　　标签：iframe,app,href,HTML5,timeout,var,调起，APP,location到此，相信大家对“HTML5页面怎么调起APP”有了更深的了解，不妨来实际操作一番吧！这里是百云主机网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

相关推荐: HTML5的Web Workers怎么创建

本篇内容主要讲解“HTML5的Web Workers怎么创建”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“HTML5的Web Workers怎么创建”吧! web worker是运行在后台的JavaScript，不…