关于HTML5+ API plusready的兼容问题


Posted in HTML / CSS onNovember 20, 2020

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时注入),不需要添加<script src="html5plus://ready"/>节点

到此这篇关于HTML5+ API plusready的兼容问题的文章就介绍到这了,更多相关HTML5 API plusready 兼容内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
超酷炫 CSS3垂直手风琴菜单
Jun 28 HTML / CSS
让IE6、IE7、IE8支持CSS3的脚本
Jul 20 HTML / CSS
css背景图片的背景裁切、背景透明度、背景变换等效果运用
Dec 24 HTML / CSS
一款利用纯css3实现的超炫3D表单的实例教程
Dec 01 HTML / CSS
一款利用纯css3实现的win8加载动画的实例分析
Dec 11 HTML / CSS
CSS3对背景图片的裁剪及尺寸和位置的设定方法
Mar 07 HTML / CSS
老生常谈CSS中的长度单位
Jun 27 HTML / CSS
详解css position 5种不同的值的用法
Jul 30 HTML / CSS
html5新增的定时器requestAnimationFrame实现进度条功能
Dec 13 HTML / CSS
HTML5 video标签(播放器)学习笔记(二):播放控制
Apr 24 HTML / CSS
html5中的一些标签学习(心得)
Oct 18 HTML / CSS
HTML5在线预览PDF的示例代码
Sep 14 HTML / CSS
Html5原生拖拽相关事件简介以及基础实现
Nov 19 #HTML / CSS
Canvas获取视频第一帧缩略图的实现
Nov 11 #HTML / CSS
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
Nov 10 #HTML / CSS
使用layui实现左侧菜单栏及动态操作tab项的方法
Nov 10 #HTML / CSS
萌新HTML5 入门指南(二)
Nov 09 #HTML / CSS
萌新的HTML5 入门指南
Nov 06 #HTML / CSS
关于webview适配H5上传照片或者视频文件的方法
Nov 04 #HTML / CSS
You might like
php数据库连接时容易出错的特殊符号问题
2010/09/01 PHP
PHP下常用正则表达式整理
2010/10/26 PHP
使用openssl实现rsa非对称加密算法示例
2014/01/24 PHP
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
php fread读取文件注意事项
2016/09/24 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
Jquery Ajax学习实例7 Ajax所有过程事件分析示例
2010/03/23 Javascript
JS+CSS实现电子商务网站导航模板效果代码
2015/09/10 Javascript
javascript模块化简单解析
2016/04/07 Javascript
JavaScript必知必会(七)js对象继承
2016/06/08 Javascript
javascript的函数劫持浅析
2016/09/26 Javascript
react-native ListView下拉刷新上拉加载实现代码
2017/08/03 Javascript
JS基于对象的特性实现去除数组中重复项功能详解
2017/11/17 Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
2018/02/09 Javascript
JavaScript 判断iPhone X Series机型的方法
2019/01/28 Javascript
详解如何探测小程序返回到webview页面
2019/05/14 Javascript
小程序实现背景音乐播放和暂停
2020/06/19 Javascript
Python的高级Git库 Gittle
2014/09/22 Python
Python实现批量更换指定目录下文件扩展名的方法
2016/09/19 Python
基于Tensorflow批量数据的输入实现方式
2020/02/05 Python
基于Python爬取京东双十一商品价格曲线
2020/10/23 Python
html5移动端价格输入键盘的实现
2019/09/16 HTML / CSS
美国奢侈品在线团购网站:Gilt City
2017/11/16 全球购物
毕业生的求职信范文分享
2013/12/04 职场文书
木工主管岗位职责
2013/12/08 职场文书
小学新学期教师寄语
2014/01/18 职场文书
宿舍违规用电检讨书
2014/02/16 职场文书
团干部培训方案
2014/06/03 职场文书
安全标语口号
2014/06/09 职场文书
经营场所证明范本
2015/06/19 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
2016年“我们的节日·中秋节”活动总结
2016/04/05 职场文书
2019教师的学习计划
2019/06/25 职场文书
HTML5来实现本地文件读取和写入的实现方法
2021/05/25 HTML / CSS
深入浅出的讲解:信号调制到底是如何实现的
2022/02/18 无线电
JS前端canvas交互实现拖拽旋转及缩放示例
2022/08/05 Javascript