h5怎样唤醒app


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来用h5怎样唤醒app,怎么用h5唤醒app? h5唤醒app的注意事项有哪些,下面就是实战案例,一起来看一下。

h5唤起app这种需求是常见的。在移动为王的时代,h5在app导流上发挥着重要的作用。

三种唤起方案

目前我们采用的唤起方式是url scheme(iOS,Android平台都支持),只需原生APP开发时注册scheme, 那么用户点击到此类链接时,会自动跳到APP。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

var last = Date.now(),

    doc = window.document,

    ifr = doc.createElement('iframe');

  

//创建一个隐藏的iframe

ifr.src = nativeUrl;

ifr.style.cssText = 'display:none;border:0;width:0;height:0;';

doc.body.appendChild(ifr);

  

setTimeout(function() {

    doc.body.removeChild(ifr);

    //setTimeout回小于2000一般为唤起失败

    if (Date.now() - last < 2000) {

        if (typeof onFail == 'function') {

            onFail();

        } else {

            //弹窗提示或下载处理等

        }

    } else {

        if (typeof onSuccess == 'function') {

            onSuccess();

        }

    }

}, 1000);

iframe方案的唤起原理是: 程序切换到后台时,计时器会被推迟(计时器不准的又一种情况)。如果app被唤醒那么网页必然就进入了后台,如果用户从app切回来,那么时间一般会超过2s;若app没有被唤起,那么网页不会进入后台,setTimeout基本准时触发,那么时间不会超过2s。

阅读剩余部分

相关阅读 >>

秀野堂HTML5入门视频教程的资源推荐

h5的video标签操作摄像头

h5中indexeddb 数据库的使用方法详解

HTML5 web框架有哪些

HTML5标准学习-编码详解

HTML5中使用json对象的实例代码

后盾网HTML5视频教程

HTML5移动端手机网站开发流程

h5开发视频遇到的问题及解决方案

HTML5中当鼠标滚轮正在被滚动时运行的脚本的事件onmousewheel

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...