关于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 07 HTML / CSS
css3 线性渐变和径向渐变示例附图
Apr 08 HTML / CSS
HTML5新表单元素_动力节点Java学院整理
Jul 12 HTML / CSS
HTML5 WebGL 实现民航客机飞行监控系统
Jul 25 HTML / CSS
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
Jan 09 HTML / CSS
html5的canvas实现3d雪花飘舞效果
Dec 27 HTML / CSS
HTML5实现WebSocket协议原理浅析
Jul 07 HTML / CSS
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
Mar 27 HTML / CSS
Html5 APP中监听返回事件处理的方法示例
Mar 15 HTML / CSS
canvas简易绘图的实现(海绵宝宝篇)
Jul 04 HTML / CSS
总结html5自定义属性有哪些
Apr 01 HTML / CSS
AmazeUI 点击元素显示全屏的实现
Aug 25 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
文件上传程序的全部源码
2006/10/09 PHP
php实现的在线人员函数库
2008/04/09 PHP
PHP 多维数组排序(usort,uasort)
2010/06/30 PHP
php数组中包含中文的排序方法
2014/06/03 PHP
jQuery+PHP+ajax实现微博加载更多内容列表功能
2014/06/27 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
php array_pop 删除数组最后一个元素实例
2016/11/02 PHP
ThinkPHP5&amp;5.1框架关联模型分页操作示例
2019/08/03 PHP
基于jquery的监控数据是否发生改变
2011/04/11 Javascript
jquery实现多级下拉菜单的实例代码
2013/10/02 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
2015/08/24 Javascript
实例代码详解jquery.slides.js
2015/11/16 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
2016/03/30 Javascript
微信小程序 绘图之饼图实现
2016/10/24 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
2017/11/14 jQuery
Angular 项目实现国际化的方法
2018/01/08 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
Element Popover 弹出框的使用示例
2020/07/26 Javascript
toString.call()通用的判断数据类型方法示例
2020/08/28 Javascript
TypeScript 运行时类型检查补充工具
2020/09/28 Javascript
element-ui点击查看大图的方法示例
2020/12/14 Javascript
jupyter notebook 恢复误删单元格或者历史代码的实现
2020/04/17 Python
Django跨域请求原理及实现代码
2020/11/14 Python
捷克家居装饰及图书音像购物网站:Velký košík
2018/04/16 全球购物
日本动漫周边服饰销售网站:Atsuko
2019/12/16 全球购物
大学生职业生涯规划书范文
2014/01/04 职场文书
办公室主任主任岗位责任制
2014/02/11 职场文书
优秀员工评优方案
2014/06/13 职场文书
月度优秀员工获奖感言
2014/08/16 职场文书
骨干教师事迹材料
2014/12/17 职场文书
2015年植树节活动总结
2015/02/06 职场文书
惊天动地观后感
2015/06/10 职场文书
详解RedisTemplate下Redis分布式锁引发的系列问题
2021/04/27 Redis
Oracle 触发器trigger使用案例
2022/02/24 Oracle
十大最强奥特曼武器:怪兽战斗仪在榜,第五奥特之父只使用过一次
2022/03/18 日漫