关于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轻松实现清新 Loading 效果的简单实例
Jun 06 HTML / CSS
CSS3 优势以及网页设计师如何使用CSS3技术
Jul 29 HTML / CSS
CSS3 @font-face属性使用指南
Dec 12 HTML / CSS
8款使用 CSS3 实现超炫的 Loading(加载)的动画效果
Mar 17 HTML / CSS
图解CSS3制作圆环形进度条的实例教程
May 26 HTML / CSS
HTML5新控件之日期和时间选择输入的实现代码
Sep 13 HTML / CSS
纯html5+css3下拉导航菜单实现代码
Mar 18 HTML / CSS
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
Jul 19 HTML / CSS
一款html5 canvas实现的图片玻璃碎片特效
Sep 11 HTML / CSS
HTML5的Video标签有部分MP4无法播放的问题解析(多图)
Aug 18 HTML / CSS
HTML5拖拽API经典实例详解
Apr 20 HTML / CSS
html5移动端自适应布局的实现
Apr 15 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文件中bom的PHP代码
2012/03/13 PHP
在PHP程序中使用Rust扩展的方法
2015/07/03 PHP
详解php curl带有csrf-token验证模拟提交方法
2018/04/18 PHP
PHP rmdir()函数的用法总结
2019/07/02 PHP
另类调用flash无须激活的方法
2006/12/27 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
2012/10/11 Javascript
JavaScript实现的简单拖拽效果
2015/06/01 Javascript
JS的框架Polymer中的dom-if和is属性使用说明
2015/07/29 Javascript
基于JavaScript实现点击页面任何位置返回
2016/08/31 Javascript
ES6实现的遍历目录函数示例
2017/04/07 Javascript
js+html5实现半透明遮罩层弹框效果
2020/08/24 Javascript
浅谈Angular路由复用策略
2017/10/04 Javascript
原生js实现密码强度验证功能
2020/03/18 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
2020/05/10 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
2020/06/11 Javascript
vue+animation实现翻页动画
2020/06/29 Javascript
一分钟学会JavaScript中的try-catch
2020/12/14 Javascript
[04:03]DOTA2英雄梦之声_第02期_风暴之灵
2014/06/30 DOTA
[56:47]Ti4 循环赛第三日 iG vs Liquid
2014/07/12 DOTA
Python常用模块用法分析
2014/09/08 Python
python dataframe astype 字段类型转换方法
2018/04/11 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
Python返回数组/List长度的实例
2018/06/23 Python
解决Django加载静态资源失败的问题
2019/07/28 Python
PyQT5 emit 和 connect的用法详解
2019/12/13 Python
keras的ImageDataGenerator和flow()的用法说明
2020/07/03 Python
详解使用双缓存解决Canvas clearRect引起的闪屏问题
2019/04/29 HTML / CSS
物流管理专业毕业生求职信
2014/03/23 职场文书
班主任寄语大全
2014/04/04 职场文书
2014年社区教育工作总结
2014/12/02 职场文书
故意伤害罪辩护词
2015/05/21 职场文书
2016年先进班集体事迹材料
2016/02/26 职场文书
高中班主任寄语
2019/06/21 职场文书
2019年预备党员的思想汇报:加深对党的认知
2019/09/25 职场文书
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
SpringBoot读取Resource下文件的4种方法
2021/07/02 Java/Android