关于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实现顶部社会化分享按钮示例
May 06 HTML / CSS
CSS3色彩模式有哪些?CSS3 HSL色彩模式的定义
Apr 26 HTML / CSS
纯css实现照片墙3D效果的示例代码
Nov 13 HTML / CSS
纯CSS3实现漂亮的input输入框动画样式库(Text input love)
Dec 29 HTML / CSS
使用HTML5 Canvas API中的clip()方法裁剪区域图像
Mar 25 HTML / CSS
关于前端上传文件全面基础扫盲贴(入门)
Aug 01 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(二)
Jan 21 HTML / CSS
一个不错的HTML5 Canvas多层点击事件监听实例
Apr 29 HTML / CSS
详解使用HTML5 Canvas创建动态粒子网格动画
Dec 14 HTML / CSS
Html5调用手机摄像头并实现人脸识别的实现
Dec 21 HTML / CSS
详解如何将 Canvas 绘制过程转为视频
Jan 25 HTML / CSS
CSS list-style-type属性使用方法
May 21 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 htmlspecialchars加强版
2010/02/16 PHP
php入门学习知识点五 关于php数组的几个基本操作
2011/07/14 PHP
PHP 查找字符串常用函数介绍
2012/06/07 PHP
关于php支持分块与断点续传文件下载功能代码
2014/05/09 PHP
javascript转换字符串为dom对象(字符串动态创建dom)
2010/05/10 Javascript
functional继承模式 摘自javascript:the good parts
2011/06/20 Javascript
浅析js中的浮点型运算问题
2014/01/06 Javascript
纯js写的分页表格数据为json串
2014/02/18 Javascript
jquery获取tagName再进行判断
2014/05/29 Javascript
javascript定时器完整实例
2015/02/10 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
2015/04/06 Javascript
JS实现窗口加载时模拟鼠标移动的方法
2015/06/03 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
2015/08/28 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
2016/03/09 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
常用jQuery选择器汇总
2017/02/02 Javascript
Angular中自定义Debounce Click指令防止重复点击
2017/07/26 Javascript
微信小程序-可移动菜单的实现过程详解
2019/06/24 Javascript
解决vue中的无限循环问题
2020/07/27 Javascript
python的三目运算符和not in运算符使用示例
2014/03/03 Python
使用IPython来操作Docker容器的入门指引
2015/04/08 Python
python版简单工厂模式
2017/10/16 Python
python pandas dataframe 按列或者按行合并的方法
2018/04/12 Python
Python中XlsxWriter模块简介与用法分析
2018/04/24 Python
python面向对象之类属性和类方法案例分析
2019/12/30 Python
Python使用uuid库生成唯一标识ID
2020/02/12 Python
Python实现粒子群算法的示例
2021/02/14 Python
init进程的作用
2012/04/12 面试题
简历的个人自我评价范文
2014/01/03 职场文书
国际经济与贸易专业大学生职业规划书
2014/03/01 职场文书
主题实践活动总结
2014/05/08 职场文书
小学运动会班级口号
2014/06/09 职场文书
老龄工作先进事迹
2014/08/15 职场文书
校运动会广播稿(100篇)
2014/09/12 职场文书
创业计划书之儿童理发店
2019/09/27 职场文书
python基于OpenCV模板匹配识别图片中的数字
2021/03/31 Python