当前位置: 首页 > Web前端 > HTML5

HTML5页面调用APP

时间:2023-04-05 23:21:05 HTML5

HTML5调用原生APP后台为了增加APP的曝光度,为APP增加新用户,添加H5分享页的应用场景必不可少。但是各个平台的环境不一样,兼容性和策略怎么处理。下面一一讲解1.页面调出原生APP调出原生APP,然后下载APP不同平台的兼容性和策略处理,如微信、微博、QQ、Q空间、浏览器2.HTML5页面调用原生APPandroid,ios调用方法Schame+AndroidItentSchema+ 万能链接(IOS9+)3.调用方法为启动Appwindow.location.href="ftnn:登录";注意:由于无法判断客户端是否安装,window.location=schema的方式可能会导致浏览器跳转到错误页面;所以通过iframe.src或者a.href加载schema是目前比较常用的方法;代码实现exportconstlocationCallAPP=(url,downloadUrl,ios9Type)=>{location.href=urlvartimeoutvart=Date.now()varinterval=ios9Type?2500:1000timeout&&clearTimeout(timeout)timeout=setTimeout(function(){if(Date.now()-t{console.log('[iframeCallAPP1]'+url)vartimeoutvart=Date.now()varinterval=ios9Type?2500:2000超时&&清除Timeout(timeout)timeout=setTimeout(function(){if(Date.now()-t