当前位置:首页 >  站长 >  编程技术 >  正文

关于HTML5+ API plusready的兼容问题

 2020-12-02 10:33  来源: 脚本之家   我来投稿   球球的个人主页 撤稿纠错

  小红书种草一手资源覆盖200+行业

这篇文章主要介绍了HTML5+ API plusready的兼容问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

Android平台提前注入5+ API,支持在plusready事件前调用

在5+ Runtime环境中,通常情况下需要html页面解析完成后才会注入5+ API,执行的顺序为:

1. 加载html页面

2. 解析html页面(下载script/link等节点引用的资源,如js/css文件)

3. 触发DOMContentLoaded事件

4. 注入5+ API

5. 触发plusready事件

这样导致5+ API生效时间比较延后,在html中引用js执行之后才能调用5+ API,通常采用以下代码调用5+ API:

document.addEventListener('plusready',function () {
// 在这里调用5+ API
// 如获取设备唯一标识 plus.device.uuid
},false);

但是在新版本中,将支持提前注入5+ API,可以在plusready事件触发之前调用5+ API,提前引入节点:

<script src="html5plus://ready"></script>

兼容写法:

if(window.plus){
// 在这里调用5+ API
}else{// 兼容老版本的plusready事件
document.addEventListener('plusready',function () {
// 在这里调用5+ API
},false);
}

注意

1. 仅仅是提前注入5+ API,并不会提前触发plusready事件(仅步骤4提前操作了)

2. Android3.0及以上平台才支持提前注入,Android2.*版本无法提前注入

3. 在流应用环境中的wap2app会自动提前注入(第一次引用网络js时注入),不需要添加

来源:脚本之家

链接:https://www.jb51.net/html5/753136.html

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

作者: 球球    /    文章:1886篇

相关文章

  • Html5之webcoekt播放JPEG图片流

    这篇文章主要介绍了Html5之webcoekt播放JPEG图片流,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    标签:
    html5
  • Html5 webRTC简单实现视频调用的示例代码

    这篇文章主要介绍了Html5webRTC简单实现视频调用的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    标签:
    html5
    代码设计
  • 移动端HTML5 input常见问题(小结)

    这篇文章主要介绍了移动端HTML5input常见问题(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    标签:
    html5
  • Html5原生拖拽相关事件简介以及基础实现

    这篇文章主要介绍了Html5原生拖拽相关事件简介以及基础实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  • HTML5在手机端实现视频全屏展示方法

    这篇文章主要介绍了HTML5在手机端实现视频全屏展示方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

热门排行

信息推荐

扫一扫关注最新创业资讯