HTML5页面怎么调起APP

HTML5页面怎么调起APP

本篇内容主要讲解“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+）

　　<iframe src=""></iframe>

　　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+1000） {

　　}

　　}, 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”有了更深的了解，不妨来实际操作一番吧！这里是恰卡编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！