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中新特性之语义化标签的实例分析

HTML5中垂直上下居中的解决方案

HTML5几种在客户端存储数据的实例详解

详解HTML5地理定位与第三方工具百度地图的应用

HTML5本地数据库详情介绍

HTML5中canvas的使用--画线和面

HTML5 dialog是什么?怎么使用HTML5中的dialog来实现模拟弹窗?

h5新标签浏览器的兼容问题

HTML5 webworkers防止浏览器假死的示例代码分享

使用HTML5/css3五步快速制作便签贴特效代码示例分享(图文)

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




打赏

取消

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

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

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

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

评论

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